@charset "utf-8";

blockquote,
body,
button,
caption,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
input,
legend,
li,
menu,
ol,
p,
pre,
table,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

address,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    text-align: left;
    font-weight: 400
}

abbr,
body,
fieldset,
html,
iframe,
img {
    border: 0
}

address,
cite,
dfn,
em,
i,
var {
    font-style: normal
}

[hidefocus],
summary {
    outline: 0
}

li {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
    font-size: 100%
}

sub,
sup {
    font-size: 83%
}

code,
kbd,
pre,
samp {
    font-family: inherit
}

q:after,
q:before {
    content: none
}

textarea {
    overflow: auto;
    resize: none
}

label,
summary {
    cursor: default
}

a,
button {
    cursor: pointer
}

em,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}

a,
a:hover,
del,
ins,
s,
u {
    text-decoration: none
}

body {
    font: 14px 'Helvetica Neue', arial, '微软雅黑';
    color: #666;
    background: #fff
}

li {
    list-style: none
}

img {
    border: 0
}

a {
    color: #777;
    text-decoration: none
}

a:hover {
    text-decoration: none
}

.clear {
    clear: both;
    height: 1px;
    overflow: hidden;
    zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.hr5 {
    height: 5px;
    overflow: hidden
}

.hr10 {
    height: 10px;
    overflow: hidden
}

.hr20 {
    height: 20px;
    overflow: hidden
}

.hr30 {
    height: 30px;
    overflow: hidden
}

.hr50 {
    height: 50px;
    overflow: hidden
}

.lh30 {
    line-height: 30px
}

.fclear {
    clear: both;
    height: 1px;
    zoom: 1
}

.account dl .link a:hover,
.identify .lianxi a:hover,
.index_news .link:hover {
    background: #17abe2
}

.industry ul li .wz .More a:hover {
    background: #17abe2;
    text-decoration: none
}

a.a_biao:hover {
    color: #11a8ee
}

a.a_biaox:hover {
    color: #161617
}

.ib,
.ib .ib {
    font-size: 0;
    letter-spacing: -4px;
}

.ib>div,
.ib>a,
.ib>ul,
.ib>input,
.ib>li,
.ib>span,
.ib>button,
.ib>dd,
.ib>dt {
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    *display: inline;
    *zoom: 1;
}

.wz .More a:hover {
    text-decoration: underline
}

.warp {
    width: 960px;
    margin: auto
}

.warp1 {
    width: 1140px;
    margin: auto;
    overflow: hidden
}

#header {
    width: 100%;
    height: 67px;
    /* background-color: #fff; */
    background-color: rgb(232, 235, 245);
    z-index: 9999
}

.header {
    overflow: hidden
}

.header .logo {
    width: 176px;
    height: 39px;
    padding: 13px 0 14px 0
}

.header .menu {
    width: 500px;
    overflow: hidden
}

.header .menu ul {
    overflow: hidden;
    width: 500px
}

.header .menu ul li {
    float: left;
    line-height: 39px;
    text-align: center;
    padding-left: 20px;
    padding-right: 19px;
    height: 65px
}

.header .menu ul li em {
    font-style: normal;
    height: 65px
}

.header .menu ul li em a {
    font-size: 16px;
    height: 65px;
    display: inline-block;
    box-sizing: border-box
}

.header .menu ul li em a:hover {
    color: #11a8ee;
    border-bottom: 3px solid #00a2ed
}

.header .menu ul li a {
    position: relative
}

.header .menu ul li ul.submenu {
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #e1e1e1;
    left: 0;
    background: linear-gradient(to right, #eee 30%, #fff 30%);
    display: none;
    z-index: 9999;
    height: 436px
}

.header .tel {
    height: 39px;
    width: 133px;
    background: url(../images/tel.png) no-repeat 0 3px;
    padding-left: 45px;
    margin: 14px 0
}

.header .tel span.tel_a {
    font-size: 18px;
    color: #00a2ed;
    font-family: Arial, Helvetica, sans-serif;
    display: block
}

.header .tel span.tel_b {
    font-family: Arial, Helvetica, sans-serif
}

.header .tel span.tel_b a {
    font-size: 12px;
    color: #848484
}

.header .tel span.tel_b a:hover {
    text-decoration: underline
}

#qixin {
    /* background-color: #5e89d7; */
    height: 400px;
    width: 100%;
    overflow: hidden
}

#qixin .banner-containner {
    margin-top: 163px;
}

#qixin .warp {
    padding-top: 287px
}

.menu-warp.warp {
    max-width: 1200px;
    margin: auto;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
    padding: 0 70px;
}

#qixin a {
    display: block;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    color: #41403f;
    background-color: #fcce52;
    border-radius: 2px
}

#qixin a:hover {
    background-color: #e59c10
}

.menu_dh {
    border-top: 1px solid #e1e1e1;
    height: 435px;
    display: block;
    position: absolute;
    width: 100%
}

.menu_close {
    width: 48px;
    height: 26px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -24px;
    background: url(../images/menu_close_0929.png) center no-repeat;
    cursor: pointer
}

.menu_dh_w {
    width: 960px;
    margin: 0 auto;
    height: 100%;
    display: block;
    overflow: hidden
}

.menu_dh_w .menu_dh_a {
    width: 175px;
    float: left;
    padding-top: 30px;
    overflow: hidden;
    text-align: left
}

.menu_dh_w .menu_dh_a {
    font-size: 32px;
    font-weight: lighter;
    line-height: normal;
    vertical-align: top
}

.menu_dh_w .menu_dh_b {
    width: 318px;
    box-sizing: border-box;
    float: left;
    padding: 30px 0 0 89px;
    background-color: #eee;
    height: 100%;
    overflow: hidden
}

.menu_dh_w .menu_dh_b dd {
    vertical-align: top;
    line-height: normal;
    padding: 12px 25px;
    text-align: left;
    position: relative
}

.menu_dh_w .menu_dh_b dd .menu_arrow {
    width: 19px;
    height: 15px;
    position: absolute;
    top: 15px;
    right: 18px;
    background: url(../images/menu_arrow.png) center no-repeat;
    display: none
}

.menu_dh_w .menu_dh_b dd a {
    font-size: 16px;
    color: #444
}

.menu_dh_w .menu_dh_b dd.hover,
.menu_dh_w .menu_dh_b dd:hover {
    background-color: #11a8ee
}

.menu_dh_w .menu_dh_b dd.hover a,
.menu_dh_w .menu_dh_b dd:hover a {
    color: #fff
}

.menu_dh_w .menu_dh_b dd.hover .menu_arrow,
.menu_dh_w .menu_dh_b dd:hover .menu_arrow {
    display: block
}

.menu_dh_w .menu_dh_c {
    width: 642px;
    box-sizing: border-box;
    float: right;
    overflow: hidden
}

.menu_dh_w .menu_dh_c dt {
    padding-top: 78px;
    font-size: 24px;
    font-weight: lighter;
    padding-bottom: 29px;
    text-align: left;
    color: #444
}

.menu_dh_w .menu_dh_c dl {
    line-height: 30px;
    font-size: 16px;
    color: #444
}

.menu_dh_w .menu_dh_c dd {
    padding-top: 32px;
    text-align: left;
    line-height: normal
}

.menu_dh_w .menu_dh_c .text_right {
    text-align: right;
    color: #929292;
    font-size: 16px
}

.menu_dh_ca span.hdca_c .btn_blue,
.menu_dh_w .menu_dh_c dd .btn_blue {
    width: 150px;
    height: 50px;
    line-height: 50px;
    background: #00b9f7;
    display: block;
    font-size: 18px;
    text-align: center;
    color: #FFF;
    float: right
}

.menu_dh_ca span.hdca_c .btn_blue:hover,
.menu_dh_w .menu_dh_c dd .btn_blue:hover {
    background: #11a8ee
}

.menu_dh_w .menu_dh_c dd .icon_link {
    width: 22px;
    height: 22px;
    background: url(../images/icon_link.png) center no-repeat;
    display: inline-block;
    vertical-align: middle
}

.menu_dh_w .menu_dh_c dd .btn_white {
    font-size: 16px;
    color: #00a2ed;
    text-decoration: underline;
    margin-left: 5px
}

.menu_dh_w .menu_dh_c dd .btn_white+.icon_link {
    margin-left: 66px
}

.ocrsubmn_bd .menu_tab {
    padding-left: 83px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    display: none
}

.ocrsubmn_bd .menu_tab:nth-child(1) {
    display: block
}

.ocrsubmn_bd .menu_tab dl {
    text-align: left
}

.menu_dh_w .menu_dh_cx {
    float: left;
    width: 610px;
    padding-left: 200px
}

.menu_dh_ca .menu_tab {
    display: none
}

.menu_dh_ca .menu_tab:nth-child(1) {
    display: block
}

.menu_dh_ca dd {
    width: 216px;
    height: 321px;
    text-align: center;
    float: left;
    box-sizing: border-box
}

.menu_dh_ca dd:first-child {
    margin-right: 76px
}

.menu_dh_ca span {
    display: inline-block;
    width: 100%
}

.menu_dh_ca span.hdca_a {
    font-size: 24px;
    color: #444;
    padding-top: 44px;
    font-weight: lighter;
    height: 23px;
    line-height: 23px
}

.menu_dh_ca span.hdca_b {
    padding-top: 25px;
    color: #9b9b9b;
    font-size: 13px;
    height: 38px;
    line-height: 19px
}

.menu_dh_ca span.hdca_c {
    padding-top: 24px;
    text-align: center
}

.menu_dh_ca span.hdca_c .btn_blue {
    float: none;
    margin: 0 auto
}

.ltimg {
    height: 114px
}

.menu_dh_w .programme_submenu {
    width: 318px;
    box-sizing: border-box
}

.menu_dh_w .menu_dh_title {
    font-size: 24px;
    color: #444;
    padding-left: 25px;
    text-align: left
}

.menu_dh_w .programme_bd {
    width: 642px;
    float: right;
    box-sizing: border-box
}

.menu_dh_w .programme_bd .menu_tab {
    display: none
}

.programme_bd .menu_tab {
    padding-left: 83px;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    display: none
}

.programme_bd .menu_tab:nth-child(6) {
    display: block
}

.programme_bd .menu_tab dl {
    text-align: left
}

.product_bd {
    width: 642px;
    float: right;
    overflow: hidden;
    box-sizing: border-box;
    padding-left: 45px;
    padding-top: 30px
}

.personal {
    padding-left: 0;
    width: 642px
}

.personal dd {
    margin-left: 20px;
    margin-right: 0;
    width: 185px
}

.personal dd:first-child {
    padding-left: 24px;
    margin-left: 0;
    margin-right: 0
}

.dhca_x dd:nth-child(1) {
    width: 170px;
    padding-left: 90px
}

.dhca_x dd:nth-child(2) {
    width: 220px;
    padding-left: 90px
}

.dhca_x dd:nth-child(3) {
    float: right;
    width: 260px
}

.index_banner {
    background: #fbfbfb
}

.index_banner a.i_banner {
    height: 480px;
    display: block;
    background: url(../photo/banner_index.jpg) no-repeat top center
}

.index_driving {
    width: 100%;
    height: 400px;
    overflow: hidden;
    text-align: center
}

.index_product {
    width: 100%;
    height: 400px;
    overflow: hidden
}

.index_card {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative
}

.index_card .bd,
.index_card .bd ul,
.index_card .bd ul li {
    width: 100% !important;
    height: 400px
}

.camcard_banner.index_card,
.camcard_banner.index_card .bd ul li,
.camscanner_banner.index_card,
.camscanner_banner.index_card .bd ul li {
    height: 480px
}

.index_card .bd ul li {
    background-position: top center;
    background-repeat: no-repeat;
    width: 100% !important;
    background-size: cover;
}

.index_card .hd {
    bottom: 0;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1
}

.index_card .hd ul li {
    background: url(../images/dot-black.png) repeat;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    line-height: 9999px;
    margin: 4px;
    opacity: .4;
    overflow: hidden;
    width: 16px
}

.index_card .hd ul .on {
    opacity: 1
}

.index_scanning {
    width: 100%;
    height: 400px;
    overflow: hidden
}

.d1 {
    float: left;
    width: 382px;
    margin-right: 27px;
    overflow: hidden
}

.d1 .pic {
    height: 220px;
    overflow: hidden;
    width: 382px;
    display: block
}

.d1 .pic img {
    width: 382px;
    height: 220px
}

.d1 dt {
    padding: 20px 0;
    font-size: 24px;
    color: #212121;
    font-weight: 300
}

.d1 .info {
    font-size: 14px;
    color: #929292;
    line-height: 30px
}

.kkelx {
    float: left;
    width: 340px;
    margin-right: 60px;
    overflow: hidden
}

.kkelx .pic {
    height: 210px;
    overflow: hidden;
    width: 340px;
    display: block
}

.kkelx .pic img {
    width: 340px;
    height: 210px
}

.kkelx dt {
    padding: 10px 0;
    font-size: 24px;
    color: #212121;
    font-weight: 300
}

.kkelx dt:hover {
    color: #11a8ee
}

.kkelx .info {
    font-size: 13px;
    color: #929292;
    line-height: 22px
}

.u1 {
    width: 1140px;
    overflow: hidden
}

.u1 li {
    float: left;
    width: 380px;
    margin-right: 29px;
    background: #fff;
    overflow: hidden
}

.u1 img {
    width: 380px;
    height: 320px
}

.u1 p {
    padding: 10px 20px 10px 20px;
    font-size: 18px;
    color: #212121;
    font-weight: 300;
    line-height: 30px
}

.u1 li span {
    padding-left: 20px;
    padding-bottom: 20px;
    display: inline-block
}

.u1 li span a {
    font-size: 18px;
    color: #00a2ed
}

.u1 li span a:hover {
    text-decoration: underline
}

.user_pj_a {
    margin: 0 auto;
    width: 1021px;
    padding: 5px;
    position: relative;
    overflow: hidden;
    zoom: 1
}

.user_pj_a .hd {
    width: 100%;
    overflow: hidden
}

.user_pj_a .hd ul {
    margin-right: -5px;
    overflow: hidden;
    zoom: 1
}

.user_pj_a .hd ul li {
    float: left;
    width: 25%;
    border-top: 3px solid #FFF;
    padding: 15px 0;
    cursor: pointer;
    opacity: .5
}

.user_pj_a .hd ul li img {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 5px
}

.user_pj_a .hd ul li .hd_ax {
    height: 65px;
    width: 65px;
    float: left
}

.user_pj_a .hd ul li .hd_bx {
    float: left;
    padding-left: 15px
}

.user_pj_a .hd ul li .hd_bx_a {
    font-size: 18px;
    color: #212121;
    height: 36px;
    line-height: 36px;
    display: block
}

.user_pj_a .hd ul li .hd_bx_b {
    font-size: 14px
}

.user_pj_a .hd ul li.on {
    border-color: #00a2ed;
    opacity: 1
}

.user_pj_a .bd {
    background: url(../images/ping.png) no-repeat;
    width: 1021px;
    height: 157px;
    overflow: hidden
}

.user_pj_a .bd li {
    vertical-align: middle
}

.user_pj_a .bd li span {
    width: 750px;
    margin: 0 auto;
    display: block;
    color: #212121;
    font-size: 18px;
    font-family: Microsoft Yahei, Arial;
    line-height: 30px;
    padding-top: 40px
}

.ying .user {
    padding-bottom: 60px
}

.user_pj_a .bd_xe ul li.on {
    border-color: #00cda5;
    opacity: 1
}

.news_bd {
    margin: 0 auto;
    width: 1021px
}

.media .news_bd .bd_x {
    background: url(../images/ping_1.png) no-repeat 0 20px
}

.user_pj .user_pj_a .bd_x {
    background: url(../images/ping_1.png) no-repeat 0 0
}

.news_bd .hd {
    text-align: center
}

.news_bd .hd li {
    padding: 2px;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    background: #a8a8a8;
    display: inline-block;
    cursor: pointer;
    margin: 0 5px
}

.news_bd .hd li.on {
    background: #16b8f4;
    width: 20px;
    border-radius: 4px
}

.news_bd .bd {
    background: url(../images/ping.png) no-repeat 0 20px;
    width: 1021px;
    height: 177px
}

.news_bd .bd li span.news_bd_b a {
    text-align: center;
    line-height: 157px;
    font-size: 32px;
    text-align: center;
    width: 100%;
    display: block;
    font-weight: lighter;
    color: #333
}

.news_bd .bd li span.news_bd_a {
    text-align: center;
    display: block
}

.news_bd .bd li span.news_bd_b a:hover {
    color: #00a2ed
}

.news_bd .slideBoxx .hdex li.on {
    background: #00cda5;
    width: 20px;
    border-radius: 4px
}

.news_titi {
    text-align: center
}

.news_titi a {
    font-size: 18px;
    color: #00a2ed
}

.news_titi a:hover {
    text-decoration: underline
}

.news_titi a.qnsmwgd {
    color: #00cda5
}

.footer {
    background: #292929;
    padding: 35px 0 60px 0;
    overflow: hidden
}

.footer dl {
    float: left;
    padding-right: 100px
}

.footer dl dt {
    padding-bottom: 30px;
    font-size: 18px
}

.footer dl dt a {
    color: #606670
}

.footer dl dd {
    line-height: 30px;
    font-size: 16px
}

.footer dl dd a {
    color: #a0a9b5
}

.footer dl dd a:hover {
    color: #00a2ed
}

.footer .copyright {
    padding-top: 50px;
    color: #5d636d
}

.footer .copyright .gongxin {
    color: #5d636d
}

.footer_aa {
    float: left
}

.header_language {
    position: relative;
    width: 70px;
    height: 20px;
    padding: 20px 0;
}

.footer_ab {
    position: absolute;
    cursor: pointer;
    padding-bottom: 50px;
}

.footer_ab:hover .footer_aba {
    display: block
}

.footer_aba {
    position: absolute;
    bottom: -13px;
    padding: 0 8px;
    background: #ffffff;
    z-index: 10;
    left: -6px;
    border-top: 1px solid #404C5F;
    display: none
}

.footer_aba .fo_name {
    font-size: 14px;
    line-height: 30px;
    color: #404C5F;
    display: block
}

.footer_aba .fo_name.select {
    color: #778AA9;
    cursor: default
}

.footer_ab span.fo_name {
    float: left;
    padding-right: 5px;
    font-size: 14px;
    line-height: 30px;
    color: #404C5F
}

.footer_ab span.fo_san {
    display: block;
    float: left;
    width: 9px;
    height: 26px;
    background: url(../images/san.png) no-repeat 0 12px
}

.pd_40 {
    padding-top: 40px
}

.hide {
    display: none
}

.show {
    display: block
}

.index_title {
    text-align: center;
    font-size: 36px;
    color: #333;
    padding-bottom: 40px;
    font-weight: lighter;
    font-weight: lighter;
    padding-top: 20px;
    font-weight: 200
}

.index_first {
    width: 1140px;
    padding: 30px 0;
    overflow: hidden
}

.sales {
    width: 100%;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden
}

.sales_x {
    width: 100%;
    overflow: hidden
}

.warp .u1 {
    width: 100%
}

.index_news {
    padding: 40px 0;
    background: #f9f9f9;
    overflow: hidden
}

.index_news .link {
    display: block;
    width: 200px;
    height: 50px;
    line-height: 50px;
    background: #18b8f3;
    text-align: center;
    color: #FFF;
    margin: 40px auto 0 auto;
    font-size: 16px
}

.index_kf {
    padding: 60px 0;
    overflow: hidden
}

.index_kf ul {
    overflow: hidden
}

.index_kf ul li {
    float: left;
    width: 199px;
    height: 140px;
    line-height: 140px;
    border-bottom: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    text-align: center
}

.index_kf ul li img {
    vertical-align: middle;
    padding-top: 40px;
    margin: auto;
    display: block
}

.index_kf ul li p {
    display: block
}

.index_kf ul li a {
    position: relative;
    width: 199px;
    display: block;
    height: 140px;
    display: block
}

.index_kf ul li a p {
    position: absolute;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 100%;
    bottom: 10px;
    color: #18b8f3;
    display: none
}

.scenario {
    width: 100%;
    height: 35px;
    line-height: 35px;
    padding: 15px 0;
    border-bottom: 1px solid #f1f1f1;
    overflow: hidden;
    background: #fff;
    z-index: 9999
}

.scenario .function {
    overflow: hidden
}

.scenario .function li {
    float: left;
    padding-right: 80px
}

.scenario .function li a {
    font-size: 16px;
    color: #929292
}

.scenario .function li a:hover {
    color: #11a8ee
}

.scenario .landing {
    overflow: hidden
}

.scenario .landing li {
    float: left;
    padding-left: 20px;
    width: 120px;
    text-align: center
}

.scenario .landing li.b_tel_a {
    width: 130px
}

.scenario .landing li.b_tel_a i {
    background: url(../images/a_tel.png) no-repeat 0 5px;
    width: 24px;
    height: 44px;
    display: block;
    float: left;
    margin-right: 5px
}

.scenario .landing li a {
    color: #485469;
    font-size: 16px;
    text-align: center
}

.scenario .landing .style a {
    display: block;
    background: #00a2ed;
    color: #fff
}

.scenario .landing .style a:hover {
    background: #3190ce
}

.kkll {
    position: relative
}

.kkll .erwm_a {
    position: absolute;
    top: -10px;
    right: -20px;
    width: 164px;
    height: 164px;
    display: none
}

.scenario .landing .tel {
    padding: 8px 20px 0 0
}

.customer {
    padding-top: 66px;
    padding-bottom: 62px
}

.customer .tit {
    text-align: center;
    font-size: 32px;
    color: #333;
    font-weight: lighter;
    height: 31px;
    line-height: 31px
}

.customer .pic {
    height: 152px;
    line-height: 152px;
    text-align: center;
    background: #FFF
}

.customer .pic img {
    vertical-align: middle
}

.customer .pic span {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.gundong {
    position: relative
}

a.next {
    background: url(../images/qixin_11_l.png) no-repeat;
    position: absolute;
    display: block;
    width: 230px;
    height: 99px;
    top: 202px;
    left: -40px;
    display: none
}

a.prev {
    background: url(../images/qixin_11_r.png) no-repeat right top;
    position: absolute;
    display: block;
    width: 30px;
    padding-left: 200px;
    height: 99px;
    top: 202px;
    right: -40px;
    display: none
}

a.next:hover {
    background-position: 0 -99px
}

a.prev:hover {
    background: url(../images/qixin_11_r.png) no-repeat 200px -99px
}

.gun {
    width: 1200px;
    overflow: hidden
}

.bj_hui {
    background: #f2f3f7
}

.customer ul {
    width: 1255px;
    padding-top: 40px;
    overflow: hidden;
    height: 439px
}

.customer ul li {
    float: left;
    margin-right: 42px;
    width: 370px;
    height: 466px;
    border: 1px solid #c7c7c7;
    overflow: hidden
}

.customer ul li .wz {
    height: 283px;
    background: #f8f8f8;
    border-top: 1px solid #ededed
}

.customer ul li .wz .ti {
    padding: 25px 0 25px 25px;
    font-size: 18px;
    color: #212121;
    font-weight: 300
}

.customer ul li .wz .ti a {
    color: #212121
}

.customer ul li .wz .ti a:hover {
    color: #11a8ee
}

.customer ul li .wz .info {
    padding: 0 26px;
    font-size: 14px;
    color: #787878;
    line-height: 24px
}

.customer ul li .wz .infox {
    padding: 0 26px;
    font-size: 14px;
    color: #787878;
    line-height: 24px;
    height: 118px
}

.customer ul li .wz .genduo {
    padding-left: 25px
}

.customer ul li .wz .genduo a {
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fcce52;
    color: #3f3f3f;
    display: block
}

.customer ul li .wz .genduo a:hover {
    background: #e59c10
}

.advantage {
    width: 100%;
    height: 970px;
    background: url(../images/advantage_bg.jpg) no-repeat top center;
    overflow: hidden
}

.advantage .biaoti {
    padding: 63px 0 58px 0;
    margin: auto
}

.advantage .biaoti p,
.sales_x .biaoti p {
    text-align: center
}

.advantage .biaoti .tit,
.sales_x .biaoti .tit {
    font-size: 28px;
    color: #000;
    padding-bottom: 20px;
    font-weight: 600
}

.advantage .biaoti .info,
.sales_x .biaoti .info {
    color: #212121;
    font-size: 16px;
    line-height: 28px
}

.sales_x .biaoti {
    padding: 62px 0 49px 0;
    margin: auto
}

.advantage dl dt img {
    width: 90px;
}

.advantage .f_left {
    width: 400px;
    margin: 80px 0 0 0px
}

.advantage .f_left dl {
    padding-bottom: 100px;
    text-align: right;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.advantage .f_left dl dt {
    float: right;
    padding-left: 15px
}

.advantage .f_left dl .tit {
    font-size: 22px;
    color: #2f2f2f;
    padding-bottom: 10px;
    font-weight: 300
}

.advantage .f_left dl .info {
    color: #787878;
    line-height: 25px
}

.advantage .f_left dl span.spp_1 {
    position: absolute;
    padding-left: 54px;
    padding-top: 0;
    top: 0;
    left: 370px;
    display: none
}

.advantage .f_left dl span.spp_2 {
    position: absolute;
    padding-left: 54px;
    padding-top: 0;
    top: -190px;
    left: 370px;
    display: none
}

.advantage .f_left dl span.spp_3 {
    position: absolute;
    padding-left: 54px;
    padding-top: 0;
    top: -380px;
    left: 370px;
    display: none
}

.advantage .f_right dl span.spp_4 {
    position: absolute;
    padding-right: 57px;
    padding-top: 0;
    top: 0;
    left: -346px;
    display: none
}

.advantage .f_right dl span.spp_5 {
    position: absolute;
    padding-right: 57px;
    padding-top: 0;
    top: -190px;
    left: -346px;
    display: none
}

.advantage .f_right dl span.spp_6 {
    position: absolute;
    padding-right: 57px;
    padding-top: 0;
    top: -380px;
    left: -346px;
    display: none
}

.advantage .f_center {
    width: 340px;
    height: 681px;
    margin: 0 30px 0 30px;
    background: url(../images/advantage-Mobile.png) no-repeat
}

.camcard_adv .f_center {
    background: none;
    position: relative;
}

.camcard_adv #playbd {
    padding: 70px 0 0 46px;
}

.camcard_adv .f_center .mobile-bg-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(../images/advantage-moblie-20220527.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 340px auto;
    pointer-events: none;
}

.camcard_adv .f_center img {
    width: 250px;
}

.advantage .f_center img {
    margin: 81px 0 0 24px
}

.advantage .f_right {
    width: 400px;
    margin: 80px 0 0 0
}

.advantage .f_right dl {
    padding-bottom: 100px;
    text-align: left;
    overflow: hidden
}

.advantage .f_right dl dt {
    float: left;
    padding-right: 15px
}

.advantage .f_right dl .tit {
    font-size: 22px;
    color: #2f2f2f;
    padding-bottom: 10px;
    font-weight: 300
}

.advantage .spp_d_item .select-img {
    display: none;
}

.advantage .curr .select-img {
    display: inline-block;
}

.advantage .spp_d_item .no-select-img {
    display: inline-block;
}

.advantage .curr .no-select-img {
    display: none;
}

.advantage .f_right dl .info {
    color: #787878;
    line-height: 25px
}

.advantage .f_right dl .infox {
    color: #787878;
    line-height: 25px;
    width: 280px;
    float: right
}

.sp_1,
.sp_2,
.sp_3,
.sp_4,
.sp_5,
.sp_6 {
    display: none;
    padding-left: 23px;
    padding-top: 85px
}

.sp_1 {
    padding-left: 23px;
    padding-top: 85px
}

.industry {
    padding-top: 62px
}

.industry .tit {
    text-align: center;
    font-size: 32px;
    color: #000;
    font-weight: 300;
    height: 31px;
    line-height: 31px
}

.industry .pic {
    height: 210px;
    text-align: center
}

.industry .pic img {
    width: 308px;
    height: 210px
}

.industry ul {
    width: 960px;
    padding-top: 60px;
    overflow: hidden
}

.industry ul li {
    margin-left: 15px;
    float: left;
    width: 310px;
    height: 469px;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #c7c7c7
}

.industry ul li:first-child {
    margin-left: 0
}

.industry ul li .wz {
    height: 256px
}

.industry ul li .wz .ti {
    padding: 31px 0 19px 21px;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    color: #212121;
    font-weight: 300
}

.industry ul li .wz .info {
    padding: 0 21px;
    color: #787878;
    line-height: 20px
}

.industry ul li .wz .More {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    left: 20px;
    top: 403px
}

.industry ul li .wz .More a {
    display: block;
    background: #00a2ed;
    color: #fff
}

.h100 {
    width: 100%;
    height: 100px;
    line-height: 100px;
    font-size: 100%;
    clear: both
}

.ocr_lianxi {
    margin-bottom: 100px;
    margin-top: 69px;
    text-align: center
}

.ocr_lianxi p {
    height: 25px;
    line-height: 25px;
    font-size: 26px;
    width: 100%;
    display: block;
    text-align: center
}

.ocr_lianxi a {
    font-size: 18px;
    margin-top: 41px;
    width: 200px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    text-align: center;
    background-color: #00a2ed;
    color: #fff
}

.ocr_lianxi a:hover {
    background-color: #3190ce
}

.contactus {
    overflow: hidden
}

.contactus_new {
    height: 226px;
    /* display: flex; */
    background-size: cover;
}

.contact-footer .contact-tel {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #F7F7F9;
    line-height: 20px;
    margin-bottom: 30px;
    opacity: 60%;
    display: flex;
}

.contact-footer .contact-tel span {
    margin-left: 8px;
    font-size: 20px;
    font-weight: 500;
}

.contact-footer .footer-btn {
    display: flex;
}

.contact-footer .footer-btn a {
    display: inline-block;
    width: 132px;
    height: 39px;
    border-radius: 2px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    text-align: center;
}

.contact-footer .contact-title {
    font-size: 24px;
    font-weight: 600;
    color: #F7F7F9;
    line-height: 24px;
    margin-bottom: 18px;
}

.contact-footer .contact-btn a {
    background: #FFFFFF;
    color: #1860F0;
    line-height: 39px;
}

.contactus_form {
    height: 350px;
    /* display: flex; */
    width: 100%;
}

.contactus_form-title {
    font-size: 24px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #F7F7F9;
    line-height: 24px;
    margin-bottom: 30px;
}

.contactus_form-title span {
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
}

.contactus_form_content .data_us_form {
    display: flex;
}

.contactus_form_content input {
    width: 280px;
    height: 36px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid #FFFFFF;
    display: block;
    margin-bottom: 16px;
}

.contactus_form_content textarea {
    width: 280px;
    height: 141px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid #FFFFFF;
    margin-left: 30px;
}

.contactus_form_content input,
.contactus_form_content textarea {
    outline: none;
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
    box-sizing: border-box;
    padding: 5px;
    font-size: 1rem;
    background-color: transparent;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    color: #fff;
}

.contactus_form .footer-btn {
    display: flex;
    margin-top: 14px;
}

.contactus_form .footer-btn a {
    width: 132px;
    height: 40px;
    border-radius: 2px;
    font-size: 16px;
    color: #1860F0;
    line-height: 40px;
    text-align: center;
    display: inline-block
}


/* .contactus_form .submit-btn {
    background: #FFFFFF;
    color: #1860F0;
    margin-right: 14px;
    width: 132px;
    height: 40px;
    border-radius: 2px;
    font-size: 16px;
    color: #1860F0;
    line-height: 32px;
    text-align: center;
    display: inline-block;
} */

.contactus_form .submit-btn {
    cursor: pointer;
}

.contactus_form .submit-btn input {
    background: #FFFFFF;
    border: 1px solid #E4E4EB;
    color: #1860F0;
    margin-right: 14px;
    width: 132px;
    height: 40px;
    border-radius: 2px;
    font-size: 16px;
    color: #1860F0;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    cursor: pointer;
}

.contactus_form .online-btn a {
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}

.contactus p {
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    height: 25px;
    line-height: 25px;
    display: block;
    width: 100%
}

.contactus .tel {
    text-align: center;
    margin: 45px 0 96px 0;
    height: 50px;
    line-height: 50px
}

.contactus .tel a,
.contactus .tel span {
    display: inline-block
}

.contactus .tel span.tel_xa {
    font-size: 18px;
    width: 176px;
    height: 50px;
    background: url(../images/tel.png) no-repeat left center;
    padding-left: 44px;
    box-sizing: border-box;
    text-align: left;
    color: #0ca6ee
}

.contactus .tel span.tel_xb {
    width: 42px;
    height: 50px;
    text-align: left;
    font-size: 18px
}

.contactus .tel a {
    width: 200px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    background-color: #00a2ed;
    color: #fff
}

.contactus .tel a:hover {
    background-color: #3190ce
}

.lianxi .tel a {
    font-size: 18px;
    text-align: center;
    color: #fff;
    background: #00a2ed;
    padding: 15px 65px
}

.lianxi .tel a:hover {
    background: #17abe2
}

.lianxi .tel span.tel_xa {
    float: left;
    background: url(../images/tel.png) no-repeat 0 8px;
    height: 50px;
    line-height: 50px;
    width: 160px;
    display: block;
    color: #53b0ed;
    padding-left: 40px;
    font-size: 20px;
    font-weight: 400
}

.lianxi .tel span.tel_xb {
    float: left;
    line-height: 50px;
    padding: 0 30px 0 10px;
    font-size: 18px
}

.lianxi .tel a {
    float: left;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    margin: 0
}

.product {
    overflow: hidden
}

.product .tit {
    font-size: 36px;
    color: #000;
    padding: 50px 0;
    text-align: center;
    font-weight: 300
}

.product dl {
    width: 399px;
    height: 214px;
    float: left;
    position: relative;
    overflow: hidden
}

.product dl dt {
    text-align: center;
    height: 130px;
    display: block;
    padding-top: 20px
}

.product a:hover dd {
    color: #00a2ed
}

i.icon_b {
    width: 160px;
    height: 130px;
    background: url(../images/icon_b.png) no-repeat;
    display: block;
    margin: 0 auto
}

i.icon_b2 {
    background-position: -160px 0
}

i.icon_b3 {
    background-position: -320px 0
}

i.icon_b4 {
    background-position: 0 -120px
}

i.icon_b5 {
    background-position: -160px -120px
}

i.icon_b6 {
    background-position: -320px -120px
}

.product a:hover i.icon_b1,
i.icon_b1:hover {
    background-position: 0 -260px
}

.product a:hover i.icon_b2,
i.icon_b2:hover {
    background-position: -160px -260px
}

.product a:hover i.icon_b3,
i.icon_b3:hover {
    background-position: -320px -260px
}

.product a:hover i.icon_b4,
i.icon_b4:hover {
    background-position: 0 -380px
}

.product a:hover i.icon_b5,
i.icon_b5:hover {
    background-position: -160px -390px
}

.product a:hover i.icon_b6,
i.icon_b6:hover {
    background-position: -320px -390px
}

.product dl dd {
    text-align: center;
    color: #3f3f3f;
    font-size: 18px
}

.product dl .tt {
    position: absolute;
    left: 150px;
    top: 95px;
    color: #3f3f3f;
    font-size: 18px
}

.block {
    display: block
}

.block span {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #c7c7c7;
    padding: 15px 45px
}

.block span a {
    color: #fff
}

.block span a.up {
    color: #fff;
    background: url(../images/A001.jpg) no-repeat right center;
    padding-right: 10px
}

.block span a.down {
    color: #fff;
    background: url(../images/A001-1.jpg) no-repeat right center;
    padding-right: 10px
}

.block span:hover {
    background: #afafaf
}

.xt_a {
    border-bottom: 1px solid #f8f8f8
}

.xt_b {
    border-bottom: 1px solid #f8f8f8;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8
}

.xt_c {
    border-bottom: 1px solid #f8f8f8
}

.xt_e {
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8
}

#fullContent {
    padding-top: 20px
}

#smallContent {
    height: 40px;
    margin-top: 30px
}

i.icon_a {
    width: 82px;
    height: 82px;
    background: url(../images/icon_a.png) no-repeat;
    display: block;
    margin: 0 auto
}

i.icon_a1 {
    background-position: -164px 0
}

i.icon_a2 {
    background-position: -164px -82px
}

i.icon_a3 {
    background-position: -164px -164px
}

i.icon_a4 {
    background-position: -246px 0
}

i.icon_a5 {
    background-position: -246px -82px
}

i.icon_a6 {
    background-position: -246px -164px
}

.advantage .f_right dl {
    cursor: pointer
}

.advantage .f_left dl.curr i.icon_a1,
.advantage .f_left dl:hover i.icon_a1 {
    background-position: -164px -246px
}

.advantage .f_left dl.curr i.icon_a2,
.advantage .f_left dl:hover i.icon_a2 {
    background-position: -164px -328px
}

.advantage .f_left dl.curr i.icon_a3,
.advantage .f_left dl:hover i.icon_a3 {
    background-position: -164px -410px
}

.advantage .f_right dl.curr i.icon_a4,
.advantage .f_right dl:hover i.icon_a4 {
    background-position: -246px -246px
}

.advantage .f_right dl.curr i.icon_a5,
.advantage .f_right dl:hover i.icon_a5 {
    background-position: -246px -328px
}

.advantage .f_right dl.curr i.icon_a6,
.advantage .f_right dl:hover i.icon_a6 {
    background-position: -246px -410px
}

i.icon_ax {
    width: 82px;
    height: 82px;
    background: url(../images/icon_qnsm.png) no-repeat;
    display: block;
    margin: 0 auto
}

i.icon_ax1 {
    background-position: 0 0
}

i.icon_ax2 {
    background-position: 0 -82px
}

i.icon_ax3 {
    background-position: 0 -164px
}

i.icon_ax4 {
    background-position: -82px 0
}

i.icon_ax5 {
    background-position: -82px -82px
}

i.icon_ax6 {
    background-position: -82px -164px
}

.advantage .f_left dl.curr i.icon_ax1,
.advantage .f_left dl:hover i.icon_ax1 {
    background-position: 0 -246px
}

.advantage .f_left dl.curr i.icon_ax2,
.advantage .f_left dl:hover i.icon_ax2 {
    background-position: 0 -328px
}

.advantage .f_left dl.curr i.icon_ax3,
.advantage .f_left dl:hover i.icon_ax3 {
    background-position: 0 -410px
}

.advantage .f_left dl.curr i.icon_ax4,
.advantage .f_right dl:hover i.icon_ax4 {
    background-position: -82px -246px
}

.advantage .f_left dl.curr i.icon_ax5,
.advantage .f_right dl:hover i.icon_ax5 {
    background-position: -82px -328px
}

.advantage .f_left dl.curr i.icon_ax6,
.advantage .f_right dl:hover i.icon_ax6 {
    background-position: -82px -410px
}

.erwei {
    position: relative;
    text-align: center
}

.erweima {
    position: absolute;
    top: 60px;
    left: 41%;
    display: none
}

.h40 {
    height: 40px;
    margin: 0;
    padding: 0;
    clear: both
}

.block ul li {
    float: left;
    width: 200px;
    height: 60px;
    text-align: left;
    color: #212121;
    line-height: 60px;
    border-bottom: 1px solid #f8f8f8
}

.block ul .end {
    width: 400px
}

.case {
    width: 100%;
    padding: 60px 0 70px 0;
    background: #f8f8f8
}

.case .tit {
    text-align: center;
    font-size: 36px;
    color: #000;
    font-weight: 300
}

.case .pic {
    height: 152px;
    text-align: center;
    background: #fff
}

.case .pic img {
    padding-top: 30px;
    width: 200px;
    height: 90px
}

li.casex .tit {
    text-align: center;
    font-size: 36px;
    color: #000
}

li.casex .pic {
    height: 152px;
    text-align: center;
    background: #fff
}

li.casex .pic img {
    width: auto;
    height: auto;
    vertical-align: middle;
    padding: 0
}

li.casex .pic span {
    display: inline-block;
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    width: 0
}

.huand_anliu {
    text-align: center;
    background: url(../photo/qnw_2.jpg) no-repeat top center;
    height: 400px
}

.huand_anliu span {
    display: block;
    margin: 0 auto;
    padding-top: 290px;
    position: relative;
    text-align: center;
    width: 1200px
}

.huand_anliu a,
.xxp_b a {
    left: 470px;
    width: 200px;
    height: 60px;
    position: absolute;
    display: block;
    background: #00b9f7;
    color: #FFF;
    font-size: 22px;
    line-height: 60px;
    border-radius: 2px;
    font-weight: lighter
}

.huand_anliu a:hover,
.xxp_b a:hover {
    background: #3190ce
}

.erweima {
    background: url(../images/er_1.jpg) no-repeat;
    width: 340px;
    height: 340px;
    position: absolute;
    top: 30px;
    display: none;
    left: 400px
}

.erweima dl {
    padding-top: 80px
}

.huand_anliux {
    text-align: center;
    background: url(../photo/scanning.jpg) no-repeat top center;
    height: 400px
}

.huand_anliux span,
.xxp_b span {
    display: block;
    margin: 0 auto;
    padding-top: 260px;
    position: relative;
    text-align: center;
    width: 1200px
}

.huand_anliux a {
    left: 0;
    width: 200px;
    font-weight: 300;
    height: 60px;
    position: absolute;
    display: block;
    background: #00cda5;
    color: #FFF;
    font-size: 22px;
    line-height: 60px;
    border-radius: 2px;
    font-weight: lighter
}

.huand_anliux a:hover {
    background: #1ea178
}

.erweimax {
    background: url(../images/er_1.jpg) no-repeat;
    width: 340px;
    height: 340px;
    position: absolute;
    top: 30px;
    display: none;
    left: -100px
}

.erweimax dl {
    padding-top: 80px
}

.scenario .landing li a.qnsmw {
    background: #00cda5;
    border-radius: 2px
}

.scenario .landing li a.qnsmw:hover {
    background: #1ea178
}

.t_5 {
    padding-top: 3px
}

.xxp span {
    padding-top: 240px
}

.xxp a {
    left: 370px;
    font-weight: 300
}

.xxp_a {
    background: url(../photo/banner.jpg) no-repeat top center
}

.xxp_a span {
    padding-top: 255px
}

.xxp_a a {
    left: 370px;
    font-weight: 300
}

.xxp_b span {
    padding-top: 230px
}

.xxp_b a {
    left: 360px;
    font-weight: 300
}

.xxp_c {
    background: url(../images/enterprise/banner_20201103.jpg) no-repeat top center #102736
}

.xxp_c span {
    padding-top: 241px
}

.xxp_c a {
    left: 400px;
    font-weight: 300;
    width: 200px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    background: url(../images/ccb/top_banner_btn.png) no-repeat;
    color: #2d4051
}

.xxp_c a:hover {
    background: url(../images/ccb/top_banner_btn.png) no-repeat 0 -60px
}

.scenario .landing li.ccb_btn_a {
    width: 120px;
    display: block;
    padding: 0;
    margin-right: 22px
}

.scenario .landing li.ccb_btn_a a {
    background: url(../images/ccb/Rectangle1.png) no-repeat;
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    display: block
}

.scenario .landing li.ccb_btn_a a:hover {
    background: url(../images/ccb/Rectangle2.png) no-repeat
}

.scenario .landing li.ccb_btn_b {
    width: 120px
}

.scenario .landing li.ccb_btn_b a {
    background: url(../images/ccb/Rectangle3.png) no-repeat;
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    display: block;
    color: #eff0f2
}

.scenario .landing li.ccb_btn_b a:hover {
    background: url(../images/ccb/Rectangle3-1.png) no-repeat
}

.scenario .landing li.ccb_a {
    padding-top: 10px;
    float: left;
    padding-right: 24px
}

.case .pic img {
    padding-top: 30px;
    width: 200px;
    height: 90px
}

.warp2 {
    width: 960px;
    margin: 0 auto 30px auto;
    background: url(../images/enterprise/bgx960.png) no-repeat left 211px
}

.ccba_a div {
    float: left;
    width: 320px;
    overflow: hidden;
    box-sizing: border-box
}

.ccba_a .ccba_ax_c {
    float: right
}

.ccba_a h3 {
    font-size: 34px;
    font-weight: 300;
    line-height: 34px;
    text-align: center;
    padding: 60px 0 47px 0;
    color: #000
}

.ccba_aa {
    width: 100%;
    display: block;
    padding: 0 30px;
    box-sizing: border-box
}

.ccba_ab {
    width: 100%;
    display: block;
    padding: 0 30px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
    box-sizing: border-box
}

.ccba_aa_a {
    width: 100%;
    height: 124px;
    display: block
}

.ccba_aa_a i {
    background: url(../images/ccb/icon_a.png) no-repeat;
    width: 62px;
    height: 62px;
    display: block;
    margin: 0 auto
}

.ccba_aa .ccbe i {
    background: url(../images/ccb/icon_b.png) no-repeat;
    width: 97px;
    height: 62px;
    display: block;
    margin: 0 auto
}

.ccba_aa .ccbf i {
    background: url(../images/ccb/icon_c_20170106.png) no-repeat;
    width: 113px;
    height: 80px;
    display: block;
    margin: 0 auto
}

.ccba_aa_b {
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    display: block;
    color: #333
}

.ccba_aa_c {
    font-size: 14px;
    color: #666;
    text-align: center;
    display: block;
    padding: 20px 0
}

.tu_a {
    display: block;
    background: #F5F7FC;
    padding: 60px 0;
}

.tu_a .warp {
    display: flex;
}

.tu_a .ccb-digital-card {
    height: 360px;
    width: 60%;
    background: url(../images/enterprise/camcardbusiness-digital-card.png) no-repeat top center;
    background-size: 100%;
    margin: 0 0 20px 35px;
}

.ccb_tr {
    min-width: 372px;
    width: 41%;
}

.ccb_rt_a {
    font-size: 28px;
    line-height: 40px;
    color: #000000;
    font-weight: 600;
    margin-top: 40px;
    /* padding: 170px 0 23px 0 */
}

.ccb_rt_c {
    color: #394151;
    font-size: 14px;
    line-height: 24px;
}

.ccb_rt_b {
    font-size: 14px;
    line-height: 24px;
    color: #394151;
    margin-top: 40px;
    margin-bottom: 32px;
}

.ccb_rt_btn {
    display: flex;
}

.learn_more_btn {
    width: 120px;
    height: 40px;
    background: #2D4051;
    border-radius: 4px;
    text-align: center;
    margin-right: 22px;
}

.learn_more_btn a {
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.appy_trial_btn {
    width: 120px;
    height: 40px;
    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #2D4051;
    text-align: center;
}

.appy_trial_btn a {
    font-size: 16px;
    color: #2D4051;
    line-height: 40px;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.tu_clue {
    display: block;
    background: #fff;
    padding: 60px 0;
}

.tu_clue .warp {
    display: flex;
}

.tu_clue .ccb-clue-card {
    height: 360px;
    width: 60%;
    background: url(../images/enterprise/camcardbusiness-leads.png) no-repeat top center;
    background-size: 100%;
    margin: 0 0 20px 35px;
}

.tu_b {
    background: url(../images/enterprise/banner_b_20161021.png) no-repeat top center;
    height: 500px;
    display: block
}

.ccb_lr {
    float: left;
    width: 450px
}

.ccb_lr .ccb_rt_a {
    padding-top: 165px
}

.tu_c {
    background: url(../images/enterprise/banner_c.png) top center #e9e9e9;
    height: 500px
}

.tu_c .ccb_tr {
    float: right;
    width: 450px
}

.tu_c .ccb_rt_a {
    padding-top: 170px
}

.tu_d {
    background: url(../images/enterprise/banner_d.png) no-repeat top center;
    height: 500px;
    display: block
}

.tu_d .ccb_rt_a {
    color: #fff
}

.tu_d .ccb_rt_b {
    color: #b8b8b9
}

.tu_d .ccb_lr .ccb_rt_a {
    padding-top: 132px
}

.tu_e {
    background: url(../images/enterprise/banner_e.png) no-repeat top center;
    height: 500px;
    display: block
}

.tu_e .ccb_tr {
    width: 433px;
    margin-right: 0
}

.tu_e .ccb_tr .ccb_rt_a {
    padding-top: 117px
}

.tu_f {
    background: url(../images/enterprise/banner_f.png) no-repeat top center;
    height: 500px;
    display: block
}

.tu_f .ccb_rt_a {
    color: #fff
}

.tu_f .ccb_rt_b {
    color: #b8b8b9
}

.tu_f .ccb_lr {
    width: 600px
}

.tu_f .ccb_rt_a {
    padding-top: 215px
}

.tu_g {
    background: #3a5a76
}

.tui_g_a {
    padding: 50px 0 32px 0;
    text-align: center;
    border-bottom: 1px solid #5a748a
}

.tui_g_a a {
    width: 226px;
    height: 52px;
    background: url(../images/enterprise/bbc_btna.png) no-repeat;
    display: block;
    text-align: center;
    line-height: 52px;
    margin: 0 auto
}

.tui_g_a a:hover {
    background: url(../images/enterprise/bbc_btna.png) no-repeat 0 -52px
}

.tui_g_b h3 {
    font-size: 32px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
    display: block;
    color: #FFF;
    padding: 39px 0 29px 0
}

.tui_g_b span {
    display: block;
    text-align: center;
    color: #edf0f2;
    padding-bottom: 45px
}

.btn_t_a {
    background: url(../images/enterprise/camera.png) no-repeat;
    width: 130px;
    height: 130px;
    display: block
}

.tui_g_ca {
    float: left;
    padding-left: 45px
}

.tui_g_cb {
    font-size: 26px;
    color: #FFF;
    font-weight: 100;
    padding-top: 20px;
    display: inline-block;
    float: left;
    padding-left: 30px
}

.tui_g_c li {
    float: left;
    width: 480px;
    margin-bottom: 60px
}

.btn_t_b {
    background: url(../images/enterprise/contact.png) no-repeat;
    width: 130px;
    height: 130px;
    display: block
}

.btn_t_c {
    background: url(../images/enterprise/build.png) no-repeat;
    width: 130px;
    height: 130px;
    display: block
}

.btn_t_d {
    background: url(../images/enterprise/share.png) no-repeat;
    width: 130px;
    height: 130px;
    display: block
}

.btn_t_e {
    background: url(../images/enterprise/scan.png) no-repeat;
    width: 130px;
    height: 130px;
    display: block
}

.ccb_titi {
    font-size: 14px;
    color: #272727;
    text-align: center;
    display: block;
    padding-bottom: 20px
}

.index_kf .ccb_shif {
    padding-bottom: 20px
}

.tui_h {
    background: url(../images/enterprise/banner_x.png) no-repeat top center;
    height: 325px
}

.tui_ha .tui_ha_a {
    font-size: 30px;
    font-weight: 300;
    color: #333;
    padding-top: 60px;
    display: inline-block
}

.tui_ha .tui_ha_b {
    display: inline-block;
    padding-top: 218px
}

.tui_ha .tui_ha_b a {
    width: 226px;
    height: 52px;
    font-size: 16px;
    text-align: center;
    line-height: 52px;
    background: url(../images/ccb/btn_zc.png) no-repeat;
    color: #FFF;
    display: block
}

.tui_ha .tui_ha_b a:hover {
    background: url(../images/ccb/btn_zc.png) no-repeat 0 -52px
}

.ocr_hd_cen a {
    background: url(../photo/product_banner.jpg) no-repeat top center;
    height: 500px;
    display: block
}

.camcar_kefu {
    padding-top: 58px
}

.camcar_kefu .kefu_title {
    font-size: 32px;
    line-height: 32px;
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}

.enterprise_ul {
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 17px
}

.enterprise_ul li {
    width: 192px;
    height: 138px;
    float: left;
    border-bottom: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    background-position: center center;
    background-repeat: no-repeat
}

.enterprise_ul li.enterprise_kefu_01 {
    width: 191px;
    background-image: url(../images/enterprise/enterprise_kefu_01.png)
}

.enterprise_ul li.enterprise_kefu_02 {
    width: 191px;
    background-image: url(../images/enterprise/enterprise_kefu_02.png)
}

.enterprise_ul li.enterprise_kefu_03 {
    width: 191px;
    background-image: url(../images/enterprise/enterprise_kefu_03.png)
}

.enterprise_ul li.enterprise_kefu_04 {
    width: 191px;
    background-image: url(../images/enterprise/enterprise_kefu_04.png)
}

.enterprise_ul li.enterprise_kefu_05 {
    border-right: 0;
    background-image: url(../images/enterprise/enterprise_kefu_05_20170106.png)
}

.enterprise_ul li.enterprise_kefu_06 {
    width: 191px;
    background-image: url(../images/enterprise/enterprise_kefu_06.png)
}

.enterprise_ul li.enterprise_kefu_07 {
    width: 191px;
    background-image: url(../images/enterprise/enterprise_kefu_07.png)
}

.enterprise_ul li.enterprise_kefu_08 {
    width: 191px;
    background-image: url(../images/enterprise/enterprise_kefu_08.png)
}

.enterprise_ul li.enterprise_kefu_09 {
    width: 191px;
    background-image: url(../images/enterprise/enterprise_kefu_09.png)
}

.enterprise_ul li.enterprise_kefu_10 {
    border-right: 0;
    background-image: url(../images/enterprise/enterprise_kefu_10.png)
}

.enterprise_ul li.enterprise_kefu_11 {
    width: 191px;
    border-bottom: 0;
    background-image: url(../images/enterprise/enterprise_kefu_11.png)
}

.enterprise_ul li.enterprise_kefu_12 {
    width: 191px;
    border-bottom: 0;
    background-image: url(../images/enterprise/enterprise_kefu_12.png)
}

.enterprise_ul li.enterprise_kefu_13 {
    width: 191px;
    border-bottom: 0;
    background-image: url(../images/enterprise/enterprise_kefu_13.png)
}

.enterprise_ul li.enterprise_kefu_14 {
    width: 191px;
    border-bottom: 0;
    background-image: url(../images/enterprise/enterprise_kefu_14.png)
}

.enterprise_ul li.enterprise_kefu_15 {
    border-right: 0;
    border-bottom: 0;
    background-image: url(../images/enterprise/enterprise_kefu_15.png)
}

.case ul {
    width: 1255px;
    padding-top: 40px;
    overflow: hidden
}

.case ul li {
    float: left;
    margin-right: 42px;
    width: 370px;
    height: 466px;
    border: 1px solid #c7c7c7
}

.case ul li .wz {
    height: 313px;
    background: #f8f8f8;
    border-top: 1px solid #ededed
}

.case ul li .wz .ti {
    padding: 20px 0 20px 25px;
    font-size: 18px;
    color: #212121;
    font-weight: 600
}

.case ul li .wz .ti a {
    color: #212121;
    font-weight: lighter
}

.case ul li .wz .info {
    padding: 0 26px;
    font-size: 14px;
    color: #787878;
    line-height: 25px
}

.identify {
    padding: 100px 0 40px 0;
    overflow: hidden
}

.identify .tit {
    font-size: 26px;
    color: #212121;
    padding-bottom: 40px;
    font-weight: 300
}

.identify p {
    text-align: center;
    line-height: 40px
}

.identify .lianxi {
    text-align: center
}

.identify .lianxi a {
    text-align: center;
    width: 200px;
    height: 50px;
    line-height: 50px;
    padding: 20px 65px;
    background: #00a2ed;
    color: #fff;
    font-size: 16px
}

.slideBox {
    height: 400px;
    overflow: hidden;
    position: relative
}

.slideBox .hd {
    height: 16px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    bottom: 20px;
    z-index: 1;
    display: block
}

.slideBox .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;
    width: 100%;
    display: block;
    text-align: center
}

.slideBox .hd ul li {
    margin-right: 10px;
    display: inline-block;
    text-align: center;
    padding-bottom: 2px
}

.slideBox .hd ul li i {
    width: 16px;
    height: 16px;
    display: block;
    background: url(../images/yhk.png) no-repeat;
    cursor: pointer
}

.slideBox .hd ul li.on i {
    background: url(../images/yhk.png) no-repeat 0 -16px;
    color: #57c5f8
}

.slideBox .bd {
    position: relative;
    height: auto;
    z-index: 0
}

.slideBox .bd li {
    zoom: 1;
    vertical-align: middle
}

.slideBox .bd img {
    width: 1200px;
    height: 400px;
    display: block;
    margin: 0 auto
}

.news {
    padding: 60px 0
}

.news .tit {
    text-align: center;
    font-size: 36px;
    color: #4f4545;
    font-weight: lighter;
    color: #212121
}

.news .pic {
    height: 210px;
    text-align: center
}

.news .pic img {
    width: 372px;
    height: 210px
}

.news ul {
    width: 1255px;
    padding-top: 40px;
    overflow: hidden
}

.news ul li {
    float: left;
    margin-right: 42px;
    width: 370px;
    height: 472px;
    position: relative
}

.news ul li .wz {
    height: 256px
}

.news ul li .wz .ti {
    padding: 20px 0 20px 0;
    font-size: 18px;
    color: #625555;
    font-weight: 400;
    line-height: 30px
}

.news ul li .wz .info {
    color: #787878;
    line-height: 20px
}

.news ul li .wz .More {
    position: absolute;
    left: 0;
    top: 410px
}

.news ul li .wz .More a {
    display: block;
    color: #00a2ed;
    font-size: 18px
}

.news ul li .wz .Morex {
    padding-top: 30px
}

.news ul li .wz .Morex a {
    display: block;
    color: #00cda5;
    font-size: 18px
}

.xian_bottom {
    border-bottom: 1px solid #ececec
}

.news ul li .wzx {
    height: auto
}

.news ul li.news_qn {
    height: auto
}

.media {
    padding-bottom: 80px
}

.media .tit {
    text-align: center;
    font-size: 36px;
    padding-bottom: 80px;
    color: #212121
}

.media .bbc {
    width: 1022px;
    height: 155px;
    border: 1px solid #ccc;
    margin: auto;
    position: relative
}

.media .bbc p {
    text-align: center;
    font-size: 36px;
    line-height: 155px
}

.media .bbc s {
    position: absolute;
    left: 50px;
    top: 25px
}

.media .bbc s1 {
    position: absolute;
    right: 50px;
    top: 85px
}

.media .bbc s2 {
    position: absolute;
    right: 440px;
    top: -20px
}

.account {
    width: 100%;
    background: #c8d8dd;
    overflow: hidden
}

.account .warp {
    margin: 56px auto 47px auto
}

.account .wzleft {
    width: 640px;
    height: 560px;
    padding: 34px 0 41px 0;
    background: #fff
}

.account .wzright {
    width: 313px;
    height: 560px;
    padding: 34px 0 41px 0;
    background: #fff
}

.account dl {
    width: 319px;
    box-sizing: border-box;
    padding: 0 9px 0 15px;
    overflow: hidden
}

.account dl.boxs {
    background: url(../images/personal/cam.line.png) no-repeat right center
}

.account dl dt {
    font-size: 26px;
    padding-bottom: 40px
}

.account dl dt i {
    background: url(../images/icon_qnsm_1.png) no-repeat;
    width: 70px;
    height: 71px;
    display: block;
    float: left
}

.account dl dt.icon_1r i,
.account dl dt.icon_2r i {
    margin-right: 17px
}

.account dl dt.icon_1r,
.account dl dt.icon_2r,
.account dl dt.icon_3r {
    margin-bottom: 31px;
    padding-bottom: 0
}

.account dl dt.icon_1r,
.account dl dt.icon_2r,
.account dl dt.icon_3r {
    line-height: 70px;
    font-size: 24px
}

.account dl dt.icon_1r,
.account dl dt.icon_2r,
.account dl dt.icon_team {
    margin-bottom: 31px;
    padding-bottom: 0
}

.account dl dt.icon_1r,
.account dl dt.icon_2r,
.account dl dt.icon_team {
    line-height: 70px;
    font-size: 24px
}

.account dl dt.icon_1r i {
    background-position: 0 0
}

.account dl dt.icon_2r i {
    background-position: -70px 0
}

.account dl dt.icon_3r i {
    background-position: -140px 0;
    margin-right: 17px
}

.account dl dt.icon_team i {
    background: url(../images/icon_qnsm_2.png) center no-repeat;
    width: 70px;
    height: 71px;
    display: block;
    float: left;
    margin-right: 17px;
}

.account dl .info {
    height: 450px
}

.account dl .info ul {
    overflow: hidden
}

.account dl .info ul li {
    padding-left: 18px;
    line-height: 29px;
    background: url(../images/account_ico.png) no-repeat 0 13px;
    font-size: 13px
}

.account dl .link {
    padding-left: 20px
}

.account dl .link a {
    display: block;
    float: left;
    width: 110px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 20px;
    background: #00a2ed;
    color: #fff;
    font-size: 12px
}

.account dl .link a.qnsmw_t {
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #00cda5;
    font-size: 14px
}

.account dl .link a.qnsmw_t:hover {
    background: #1ea178
}

.account dl.frbox {
    padding-left: 5px
}

.account .wzright dl.boxs {
    background: 0 0
}

.account .wzright dl.boxs {
    padding-left: 10px;
    padding-right: 10px
}

.user {
    overflow: hidden;
    padding-bottom: 120px
}

.user .tit {
    text-align: center;
    font-size: 36px;
    padding-bottom: 80px;
    color: #212121;
    font-weight: lighter
}

.user .bbc {
    width: 1022px;
    height: 155px;
    border: 1px solid #ccc;
    margin: auto;
    position: relative
}

.user .bbc p {
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    width: 760px;
    position: absolute;
    left: 130px;
    top: 30px
}

.user .bbc s {
    position: absolute;
    left: 50px;
    top: 25px
}

.user .bbc .s1 {
    position: absolute;
    right: 50px;
    top: 85px
}

.user .titx {
    text-align: center;
    font-size: 36px;
    padding-bottom: 40px;
    color: #212121;
    font-weight: lighter
}

.media {
    padding-bottom: 78px;
    width: 1021px;
    margin: 0 auto;
    padding-top: 30px;
}

.media .tit {
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    padding-bottom: 86px;
    font-weight: lighter
}

.media .titx {
    text-align: center;
    font-size: 36px;
    padding-bottom: 40px;
    font-weight: lighter
}

.media .bbc {
    width: 1022px;
    height: 155px;
    border: 1px solid #ccc;
    margin: auto;
    position: relative
}

.media .bbc p {
    text-align: center;
    font-size: 36px;
    line-height: 155px
}

.media .bbc s {
    position: absolute;
    left: 50px;
    top: 25px
}

.media .bbc .s1 {
    position: absolute;
    right: 50px;
    top: 85px
}

.media .bbc .s2 {
    position: absolute;
    right: 440px;
    top: -20px
}

.qixin_a {
    font-size: 50px;
    font-weight: 300;
    height: 50px;
    line-height: 50px;
    color: #333;
    padding-bottom: 45px;
    font-weight: 300
}

.qixin_b {
    font-size: 18px;
    line-height: 28px;
    color: #333;
    width: 375px
}

.qixin_r {
    float: right;
    margin-top: 200px
}

.qixin_1,
.qixin_2,
.qixin_3,
.qixin_4,
.qixin_5,
.qixin_6,
.qixin_7,
.qixin_8 {
    width: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #fff;
    height: 700px
}

.qixin_2,
.qixin_4,
.qixin_8 {
    background-color: #f2f3f7
}

.qixin_1 {
    background-image: url(../images/enterprise/qxb_bg001.png)
}

.qixin_1 .qixin_r {
    padding-top: 167px;
    padding-left: 585px;
    overflow: hidden;
    margin: 0;
    width: 375px
}

.qixin_1 .qixin_r .qixin_a {
    padding-bottom: 50px
}

.qixin_2 {
    background-image: url(../images/enterprise/qxb_bg002.png)
}

.qixin_3 {
    background-image: url(../images/enterprise/qxb_bg003_20170220.png)
}

.qixin_4 {
    background-image: url(../images/enterprise/qxb_bg004.png)
}

.qixin_5 {
    background-image: url(../images/enterprise/qxb_bg005.png)
}

.qixin_6 {
    background-image: url(../images/enterprise/qxb_bg006.png)
}

.qixin_7 {
    background-image: url(../images/enterprise/qxb_bg007.png)
}

.qixin_8 {
    background-image: url(../images/enterprise/qxb_bg008.png)
}

.qixin_2 .qixin_l {
    margin-top: 223px;
    overflow: hidden
}

.qixin_2 .qixin_b {
    width: 440px
}

.qixin_4 .qixin_l {
    margin-top: 241px;
    overflow: hidden
}

.qixin_6 .qixin_l {
    margin-top: 259px;
    overflow: hidden
}

.qixin_7 .qixin_b {
    width: 370px
}

.qixin_8 .qixin_l {
    margin-top: 267px;
    overflow: hidden
}

ul.qixin_bb li {
    width: 95px;
    float: left;
    height: 28px;
    line-height: 28px;
    background: url(../images/qixin_15.png) no-repeat 0 13px;
    font-size: 18px;
    padding-left: 15px
}

.qixinbao_new_btn {
    width: 120px;
    height: 40px;
    background: #FDD000;
    border-radius: 2px;
    text-align: center;
    margin-top: 40px;
}

#qixin .qixinbao_new_btn a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-weight: 400;
    color: #000000;
    font-size: 14px;
    line-height: 40px;
}

.w_hd100 .slideBox .bd img {
    width: auto
}

.list_blog {
    padding: 50px 0;
    border-top: 1px solid #eee;
    overflow: hidden
}

.list_blog .blog_left {
    width: 730px;
    overflow: hidden
}

.list_blog .blog_left .position {
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #eee;
    font-size: 18px
}

.list_blog .blog_left .position a {
    color: #000;
    font-size: 18px
}

.list_blog .blog_left .position a:hover {
    color: #00a2ed
}

.list_blog .blog_left .position .color {
    color: #00a2ed
}

.list_blog .blog_left .position .color:hover {
    text-decoration: underline
}

.list_blog .blog_left dl {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.list_blog .blog_left dl dt {
    width: 180px;
    height: 180px;
    float: left;
    padding-right: 25px
}

.list_blog .blog_left dl dt img {
    width: 180px;
    height: 180px
}

.list_blog .blog_left dl dd {
    line-height: 28px
}

.list_blog .blog_left dl .tit {
    padding-bottom: 10px
}

.list_blog .blog_left dl .tit a {
    color: #424242;
    font-size: 18px
}

.list_blog .blog_left dl .tit a:hover {
    color: #00a2ed
}

.list_blog .blog_left dl .time {
    color: #7b7b7b;
    padding-bottom: 10px;
    padding-top: 4px
}

.list_blog .blog_left dl .time a {
    color: #7b7b7b
}

.list_blog .blog_left dl .time span {
    padding: 0 20px
}

.list_blog .blog_left dl .info {
    color: #000
}

.list_blog .blog_left dl .link {
    padding-top: 20px
}

.list_blog .blog_left dl .link a {
    color: #00a2ed
}

.list_blog .blog_left dl .link a:hover {
    text-decoration: underline
}

.list_news_ax {
    padding: 30px 0;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.list_news_ax_a {
    float: left
}

.list_news_ax_a {
    width: 180px;
    height: 180px;
    float: left;
    padding-right: 25px
}

.list_news_ax_a img {
    width: 180px;
    height: 180px
}

.list_news_ax_b {
    float: left;
    line-height: 28px;
    width: 515px
}

.list_news_ax_b .tit {
    padding-bottom: 10px;
    display: block
}

.list_news_ax_b .tit a {
    color: #424242;
    font-size: 18px
}

.list_news_ax_b .tit a:hover {
    color: #00a2ed
}

.list_news_ax_b .time {
    color: #7b7b7b;
    padding-bottom: 10px;
    padding-top: 4px;
    display: block
}

.list_news_ax_b .time a {
    color: #7b7b7b
}

.list_news_ax_b .time span {
    padding: 0 20px
}

.list_news_ax_b .info {
    color: #000;
    display: block
}

.list_news_ax_b .link a {
    color: #00a2ed
}

.list_news_ax_b .link a:hover {
    text-decoration: underline
}

.list_news_ax_b .link {
    padding-top: 15px;
    display: inline-block
}

.list_blog .list_page {
    padding: 70px 0 30px 20px
}

.list_blog .list_page a {
    font-size: 18px;
    padding-right: 90px
}

.Case_fenglei_left .return a:hover,
.Case_fenglei_right #sideMenu ul li a:hover,
.list_blog .blog_right dl a:hover,
.list_blog .list_page a:hover {
    color: #00a2ed
}

.list_blog .blog_right {
    width: 180px;
    border: 1px solid #eee;
    overflow: hidden
}

.list_blog .blog_right .tit {
    height: 60px;
    line-height: 60px;
    color: #212121;
    font-weight: 600;
    padding-left: 25px;
    border-bottom: 1px solid #EEE;
    background: #f4f9fa
}

.list_blog .blog_right dl {
    padding: 25px 0 25px 0
}

.list_blog .blog_right dl a {
    font-size: 18px;
    color: #212121
}

.list_blog .blog_right dl dt {
    padding: 15px 0;
    margin-left: 10px;
    background: url(../images/list_blog_ico.png) no-repeat left center
}

.list_blog .blog_right dl dt a {
    color: #418cf2;
    padding-left: 15px
}

.list_blog .blog_right dl dd {
    padding: 30px 0 0 25px
}

.Content {
    padding: 50px 0;
    border-top: 1px solid #eee;
    overflow: hidden
}

.Content .Content_left {
    width: 675px;
    overflow: hidden
}

.Content .Content_left .position {
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #eee;
    font-size: 18px
}

.Content .Content_left .position a {
    color: #000;
    font-size: 18px
}

.Content .Content_left .position a:hover {
    color: #00a2ed
}

.Content .Content_left .position .color {
    color: #00a2ed
}

.Content .Content_left .position .color:hover {
    text-decoration: underline
}

.Content .Content_left .Content_info {
    padding: 25px 0 50px 0
}

.Content .Content_left .Content_info h3 {
    font-size: 24px;
    font-weight: lighter
}

.Content .Content_left .Content_info h1 {
    font-size: 24px;
    font-weight: 300;
    color: #000
}

.Content .Content_left .Content_info .time {
    padding-top: 20px;
    color: #6f6f6f
}

.Content .Content_left .Content_info .time a {
    padding: 0 20px
}

.Content .Content_left .Content_info p {
    line-height: 30px
}

.Content .Content_page {
    overflow: hidden
}

.Content .Content_page div {
    width: 330px;
    height: 60px;
    line-height: 30px;
    overflow: hidden
}

.Content .Content_page div a {
    display: block;
    height: 60px
}

.Content .Content_page .prev i {
    height: 60px;
    width: 60px;
    background: url(../images/zy.png) no-repeat;
    display: block;
    float: left;
    margin-right: 10px
}

.Content .Content_page .prev a:hover i {
    background-position: 0 -60px
}

.Content .Content_page .next {
    text-align: right
}

.Content .Content_page .next i {
    height: 60px;
    width: 60px;
    background: url(../images/zy.png) no-repeat -60px 0;
    display: block;
    float: right;
    margin-left: 10px
}

.Content .Content_page .next a:hover i {
    background-position: -60px -60px
}

.Content .Content_page .next a:hover,
.Content .Content_page .prev a:hover {
    color: #00a2ed
}

.Content .Content_right {
    width: 260px;
    float: right;
    border: 1px solid #eee;
    overflow: hidden
}

.Content .Content_right .tit {
    height: 60px;
    line-height: 60px;
    color: #212121;
    font-weight: 500;
    padding-left: 25px;
    border-bottom: 1px solid #EEE;
    background: #f4f9fa
}

.Content .Content_right ul {
    width: 210px;
    text-align: left;
    margin: auto
}

.Content .Content_right ul li {
    line-height: 30px;
    border-bottom: 1px solid #eee;
    padding: 15px 0
}

.Content .Content_right ul li a {
    color: #333
}

.Content .Content_right ul li a:hover {
    color: #00a2ed
}

.Content .Content_right ul .end {
    border: none
}

.Case_fenglei {
    padding: 50px 0;
    border-top: 1px solid #eee;
    overflow: hidden
}

.Case_fenglei .Case_fenglei_left {
    width: 990px
}

.Case_fenglei_left .return {
    border-bottom: 1px solid #eee;
    line-height: 50px;
    padding-left: 26px;
    font-size: 16px;
    margin-bottom: 10px;
    background: url(../images/return.png) no-repeat center left;
    overflow: hidden
}

.Case_fenglei_left .title {
    font-size: 22px;
    font-weight: 700;
    padding-top: 10px
}

.Case_fenglei_left .con_box ul {
    width: 1100px;
    padding-top: 20px;
    overflow: hidden
}

.Case_fenglei_left .con_box li {
    float: left;
    width: 315px;
    margin: 0 15px 15px 0;
    height: 450px;
    border: 1px solid #c7c7c7;
    overflow: hidden
}

.Case_fenglei_left .con_box li .tit {
    text-align: center;
    font-size: 36px;
    color: #000
}

.Case_fenglei_left .con_box li .pic {
    height: 152px;
    line-height: 152px;
    text-align: center
}

.Case_fenglei_left .con_box li .pic img {
    max-width: 300px;
    vertical-align: middle
}

.Case_fenglei_left .con_box li .pic span {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.Case_fenglei_left .con_box li .picx {
    height: 98px;
    line-height: 98px;
    text-align: center
}

.Case_fenglei_left .con_box li .picx img {
    max-width: 300px;
    vertical-align: middle
}

.Case_fenglei_left .con_box li .picx span {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden
}

.Case_fenglei_left .con_box li .wz {
    height: 313px;
    background: #f8f8f8;
    border-top: 1px solid #ededed
}

.Case_fenglei_left .con_box li .wz .ti {
    padding: 30px 0 30px 25px;
    font-size: 18px;
    color: #212121;
    font-weight: 400
}

.Case_fenglei_left .con_box li .wz .ti em {
    font-size: 15px;
    font-style: normal
}

.Case_fenglei_left .con_box li .wz .info {
    padding: 0 26px;
    font-size: 14px;
    color: #787878;
    line-height: 25px
}

.Case_fenglei_left .titlex {
    font-size: 24px;
    font-weight: 700;
    padding-top: 10px;
    font-weight: 300
}

.Case_fenglei_left .con_box li.uui {
    height: auto
}

.Case_fenglei_right {
    width: 180px;
    border: 1px solid #eee
}

.Case_fenglei_right h2 {
    background: #f4f9fa;
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #eee
}

.Case_fenglei_right .title {
    width: 140px;
    padding: 20px 0;
    margin: auto;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.Case_fenglei_right .title a {
    display: block;
    float: left;
    width: 50%;
    font-size: 16px
}

.Case_fenglei_right .title .fr {
    text-align: right
}

.Case_fenglei_right .title a.on,
.Case_fenglei_right .title a:hover {
    color: #4e94f3
}

.Case_fenglei_right .ahy {
    margin-top: -10px;
    padding-bottom: 10px;
    overflow: hidden
}

.Case_fenglei_right .ahy li {
    line-height: 20px;
    height: 20px;
    padding-left: 20px;
    margin: 10px 0
}

.Case_fenglei_right .ahy li.on {
    border-left: 3px solid #4e94f3
}

.Case_fenglei_right .ahy li.on a {
    color: #4e94f3
}

.Case_fenglei_right .ahy li a:hvoer {
    color: #418cf2
}

.Case_fenglei_right #sideMenu {
    width: 140px;
    padding: 20px 0;
    margin: auto
}

.Case_fenglei_right #sideMenu h3 {
    height: 32px;
    line-height: 32px;
    cursor: pointer;
    font-weight: 400;
    font-size: 14px
}

.Case_fenglei_right #sideMenu h3 em {
    float: right;
    display: block;
    width: 12px;
    height: 32px;
    cursor: pointer
}

.Case_fenglei_right #sideMenu ul {
    padding: 8px 25px;
    color: #999;
    display: block
}

.Case_fenglei_right #sideMenu ul li {
    line-height: 25px
}

.jjfasy h1 {
    padding: 40px 0;
    text-align: center;
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    font-weight: 300
}

.jjfasy dl {
    width: 464px;
    height: 178px;
    border: 1px solid #eee;
    background: #f7f8f9;
    margin-bottom: 30px;
    overflow: hidden
}

.jjfasy dl .photo {
    float: left;
    margin-right: 20px
}

.jjfasy dl .photo img {
    width: 148px;
    height: 178px
}

.jjfasy dl dt {
    padding-top: 29px;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    font-weight: 300;
    padding-bottom: 19px
}

.jjfasy dl .info {
    line-height: 23px;
    overflow: hidden;
    padding-right: 10px
}

.jjfasy dl:hover {
    border: 1px solid #f7f5f5;
    background: #fbfcfd
}

.jjfa_info .warp {
    position: relative
}

.jjfa_info .img_r {
    position: absolute;
    right: -400px
}

.jjfa_info .wz_r {
    position: absolute;
    right: 750px
}

.jjfa_info .img_l {
    position: absolute;
    left: -400px
}

.jjfa_info .wz_l {
    position: absolute;
    left: 750px
}

.jjfa_info .wz {
    width: 420px;
    padding: 115px 0 0 20px
}

.jjfa_info .wz .tit {
    font-size: 36px;
    color: #000;
    padding-bottom: 20px;
    font-weight: lighter
}

.jjfa_info .wz .info {
    line-height: 28px;
    font-size: 16px
}

.jjfa_info .wz .link {
    padding-top: 30px
}

.jjfa_info .wz .link span a {
    color: #00a2ed
}

.jjfa_info .wz .lie,
.jjfa_info .wz .lie a {
    font-size: 16px
}

.jjfa_info .wz .lie .lli {
    font-style: normal;
    padding-left: 78px;
    padding-top: 5px;
    display: inline-block
}

.jjfa_info.bg1 {
    background: #fbfbfb
}

.h10 {
    height: 10px;
    clear: both;
    padding: 0;
    margin: 0
}

.jjfa_info .kku {
    width: 470px;
    padding: 115px 0 0 0;
    left: 730px
}

.About_us {
    padding: 50px 0
}

.About_us .About_us_fl {
    width: 180px;
    padding-right: 60px;
    overflow: hidden
}

.About_us .About_us_fl ul li {
    padding: 20px 0;
    border-bottom: 1px solid #c7c7c7;
    text-align: center
}

.About_us .About_us_fl ul li a {
    font-size: 18px
}

.About_us .About_us_fl ul li:hover {
    border-color: #418cf2
}

.About_us .About_us_fl ul li:hover a {
    color: #418cf2
}

.About_us .About_us_fl ul .about {
    border-bottom: 1px solid #418cf2
}

.About_us .About_us_fl ul .about a {
    color: #418cf2
}

.About_us .About_us_fr {
    width: 720px;
    overflow: hidden
}

.About_us .About_us_fr p {
    line-height: 28px
}

.About_us_lianxi {
    width: 510px;
    float: left
}

.About_us_lianxi .tit {
    font-size: 36px;
    padding-bottom: 30px
}

.About_us_lianxi .fuwu {
    color: #8e8e8e;
    padding-bottom: 15px
}

.About_us_lianxi ul li {
    float: left;
    padding-right: 10px;
    font-size: 18px;
    height: 30px;
    line-height: 30px
}

.About_us_lianxi .xingming {
    padding-top: 25px
}

.About_us_lianxi .xingming p {
    width: 240px;
    font-size: 18px;
    padding: 15px 0
}

.About_us_lianxi .xingming .xing {
    padding-bottom: 40px;
    border-bottom: 1px solid #418cf2;
    margin-right: 20px
}

.About_us_lianxi .xingming .ming {
    padding-bottom: 40px;
    border-bottom: 1px solid #c7c7c7
}

.About_us_lianxi .xingming .gongsi {
    width: 510px;
    padding-bottom: 40px;
    border-bottom: 1px solid #c7c7c7
}

.About_us_lianxi .xingming .zhiwei {
    width: 510px;
    padding-bottom: 40px;
    border-bottom: 1px solid #c7c7c7
}

.About_us_lianxi .xingming .email {
    padding-bottom: 40px;
    margin-right: 20px;
    border-bottom: 1px solid #c7c7c7
}

.About_us_lianxi .xingming .guojia {
    width: 510px;
    padding-bottom: 40px;
    border-bottom: 1px solid #c7c7c7
}

.h80 {
    height: 80px;
    clear: both;
    padding: 0;
    margin: 0
}

.h50 {
    height: 50px;
    clear: both;
    padding: 0;
    margin: 0
}

.h36 {
    height: 26px;
    clear: both;
    padding: 0;
    margin: 0
}

.top_xian {
    border-top: 1px solid #e1e1e1
}

.About_us_lianxi .lianxidizhi {
    padding-top: 40px;
    padding-bottom: 40px
}

.About_us_lianxi .lianxidizhi dt {
    font-size: 18px;
    padding-bottom: 10px
}

.About_us_lianxi .lianxidizhi dd {
    line-height: 25px
}

.biaodan {
    font-size: 16px;
    overflow: hidden;
    width: 510px
}

.biaodan .xz {
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 30px
}

.biaodan .xz label {
    margin-right: 20px
}

.biaodan .dh {
    line-height: 30px;
    margin-bottom: 30px;
    overflow: hidden
}

.biaodan .dh span {
    width: 240px
}

.biaodan .dh span b {
    display: block;
    font-weight: 400;
    color: #8e8e8e
}

.biaodan .dh span input {
    border: none;
    width: 100%;
    border-bottom: 1px solid #ddd;
    line-height: 30px;
    outline: 0
}

.biaodan .dh span input:hover {
    border-bottom: 1px solid #418cf2
}

.biaodan .dh select {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    padding-left: 10px;
    margin-top: 10px;
    font-size: 16px
}

.biaodan .dh select option {
    display: block;
    line-height: 40px;
    margin-bottom: 10px
}

.biaodan .dh .ny {
    width: 508px;
    height: 200px;
    border: 1px solid #ddd;
    line-height: 30px
}

.biaodan .dh .ny:hover {
    border: 1px solid #418cf2
}

.biaodan .an {
    width: 200px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #418cf2;
    border: none;
    font-size: 16px;
    color: #fff
}

.biaodan .an:hover {
    background: #17abe2;
    cursor: pointer
}

.clear {
    clear: both;
    padding: 0;
    margin: 0
}

.poto_1 {
    background: url(../images/fangan/intrnet/s_1.png) no-repeat top center;
    display: block;
    height: 473px
}

.poto_2 {
    background: url(../images/fangan/intrnet/s_2.png) no-repeat top center;
    display: block;
    height: 502px
}

.poto_3 {
    background: url(../images/fangan/intrnet/s_3.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_4 {
    background: url(../images/fangan/intrnet/s_4.png) no-repeat top center;
    display: block;
    height: 502px
}

.poto_5 {
    background: url(../images/fangan/intrnet/s_5.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_6 {
    background: url(../images/fangan/intrnet/s_6.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_1a {
    background: url(../images/fangan/saas/s_1.png) no-repeat top center;
    display: block;
    height: 473px
}

.poto_2a {
    background: url(../images/fangan/saas/s_2.png) no-repeat top center;
    display: block;
    height: 502px
}

.poto_3a {
    background: url(../images/fangan/saas/s_3.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_4a {
    background: url(../images/fangan/saas/s_4.png) no-repeat top center;
    display: block;
    height: 502px
}

.poto_5a {
    background: url(../images/fangan/saas/s_5.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_6a {
    background: #fbfbfb url(../images/fangan/saas/s_6.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_1b {
    background: url(../images/fangan/wuliu/s_1.png) no-repeat top center;
    display: block;
    height: 501px
}

.poto_2b {
    background: url(../images/fangan/wuliu/s_2.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_3b {
    background: url(../images/fangan/wuliu/s_3.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_4b {
    background: url(../images/fangan/wuliu/s_4.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_5b {
    background: url(../images/fangan/wuliu/s_5.png) no-repeat top center;
    display: block;
    height: 502px
}

.poto_6b {
    background: url(../images/fangan/wuliu/s_6.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_1c {
    background: url(../images/fangan/zhihui/s_1.png) no-repeat top center;
    display: block;
    height: 479px
}

.poto_2c {
    background: url(../images/fangan/zhihui/s_2.png) no-repeat top center;
    display: block;
    height: 503px
}

.poto_3c {
    background: url(../images/fangan/zhihui/s_3.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_4c {
    background: url(../images/fangan/zhihui/s_4.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_5c {
    background: url(../images/fangan/zhihui/s_5.png) no-repeat top center;
    display: block;
    height: 529px
}

.poto_6c {
    background: url(../images/fangan/zhihui/s_6.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_1d {
    background: url(../images/fangan/shouji/s_1.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_2d {
    background: url(../images/fangan/shouji/s_2.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_3d {
    background: url(../images/fangan/shouji/s_3.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_4d {
    background: url(../images/fangan/shouji/s_4.png) no-repeat top center;
    display: block;
    height: 501px
}

.poto_5d {
    background: url(../images/fangan/shouji/s_5.png) no-repeat top center;
    display: block;
    height: 501px
}

.poto_1e {
    background: url(../images/fangan/baoxian/s_1.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_2e {
    background: url(../images/fangan/baoxian/s_2.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_3e {
    background: url(../images/fangan/baoxian/s_3.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_4e {
    background: url(../images/fangan/baoxian/s_4.png) no-repeat top center;
    display: block;
    height: 501px
}

.poto_5e {
    background: url(../images/fangan/baoxian/s_5.png) no-repeat top center;
    display: block;
    height: 501px
}

.poto_1f {
    background: url(../images/fangan/zhengquan/s_1.png) no-repeat top center;
    display: block;
    height: 503px
}

.poto_2f {
    background: url(../images/fangan/zhengquan/s_2.png) no-repeat top center;
    display: block;
    height: 498px
}

.poto_3f {
    background: url(../images/fangan/zhengquan/s_3.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_4f {
    background: url(../images/fangan/zhengquan/s_4.png) no-repeat top center;
    display: block;
    height: 518px;
    border-bottom: 1px solid #e1e1e1
}

.poto_1g {
    background: url(../images/fangan/yinhang/s_1.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_2g {
    background: url(../images/fangan/yinhang/s_2.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_3g {
    background: url(../images/fangan/yinhang/s_3.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_4g {
    background: url(../images/fangan/yinhang/s_4.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_5g {
    background: url(../images/fangan/yinhang/s_5.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_6g {
    background: url(../images/fangan/yinhang/s_6.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_7g {
    background: url(../images/fangan/yinhang/s_7.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_8g {
    background: url(../images/fangan/yinhang/s_8.png) no-repeat top center;
    display: block;
    height: 500px
}

.poto_9g {
    background: url(../images/fangan/yinhang/s_9.png) no-repeat top center;
    display: block;
    height: 500px
}

.wmyoushi {
    background: #304f6b;
    color: #FFF
}

.wmyoushi_a {
    padding: 60px 0
}

.wmyoushi_a h2 {
    font-size: 30px;
    text-align: center;
    font-weight: lighter
}

dd span.titlex {
    font-size: 36px;
    display: block;
    color: #FFF;
    padding-bottom: 10px
}

dd span.conx {
    color: #acb9c4;
    font-size: 16px;
    line-height: 22px
}

.wmyoushi ul {
    padding: 0 30px
}

.wmyoushi li dd {
    width: 280px;
    display: block;
    float: left
}

.wmyoushi li {
    margin-bottom: 20px;
    margin-top: 20px
}

.wmyoushi li.l_a {
    width: 450px;
    float: left
}

.wmyoushi li.l_b {
    width: 450px;
    float: right
}

.wmyoushi li dt span {
    padding-top: 20px;
    display: inline-block;
    padding-right: 40px
}

.wmyoushi li dt i.wmys_a {
    background: url(../images/qixin_12.png) no-repeat;
    width: 130px;
    height: 130px;
    display: block
}

.wmyoushi li dt i.wmys_b {
    background: url(../images/qixin_12.png) no-repeat -130px 0;
    width: 130px;
    height: 130px;
    display: block
}

.wmyoushi li dt i.wmys_c {
    background: url(../images/qixin_12.png) no-repeat 0 -130px;
    width: 130px;
    height: 130px;
    display: block
}

.wmyoushi li dt i.wmys_d {
    background: url(../images/qixin_12.png) no-repeat -130px -130px;
    width: 130px;
    height: 130px;
    display: block
}

.wmyoushi li dt i.wmys_e {
    background: url(../images/qixin_12.png) no-repeat;
    width: 130px;
    height: 130px;
    display: block
}

.wmyoushi li dt {
    float: left
}

.Content .Content_page div a:hover {
    color: #00a2ed
}

.Content .Content_page div a:hover .la {
    background: url(../images/zy.png) no-repeat 0 -60px
}

.Content .Content_page div a:hover .ra {
    background: url(../images/zy.png) no-repeat -60px -60px
}

.ra {
    height: 60px;
    width: 60px;
    background: url(../images/zy.png) no-repeat -60px 0;
    display: block;
    float: right;
    margin-left: 10px
}

.la {
    height: 60px;
    width: 60px;
    background: url(../images/zy.png) no-repeat;
    display: block;
    float: left;
    margin-right: 10px
}

.xian_top {
    border-top: 1px solid #eee;
    padding-top: 50px
}

.About_us {
    overflow: hidden
}

.About_us .About_us_fr p {
    display: inline-block;
    width: 100%
}

.About_us .About_us_fr p.tit {
    font-size: 32px;
    padding-bottom: 30px;
    line-height: 32px;
    color: #777;
    height: 32px
}

.About_us .About_us_fr p.fuwu {
    color: #8e8e8e;
    padding-bottom: 15px
}

p.xz input {
    float: left;
    vertical-align: text-bottom;
    display: block;
    height: 28px
}

p.xz span.wpcf7-list-item-label {
    float: right
}

p.xz span.wpcf7-list-item {
    display: inline;
    float: left;
    vertical-align: middle
}

.About_us_lianxi {
    overflow: hidden;
    float: none
}

.content-area {
    padding: 48px 0
}

.noinfos,
.site-main {
    padding: 6.0923% 0;
    text-align: center
}

.index_news ul li {
    min-height: 450px
}

.index_news .u1 p {
    min-height: 60px
}

.index_news ul li:last-child {
    margin-right: 0
}

.list_blog .blog_right dl dd {
    padding: 15px 0 15px 25px
}

div,
li,
ul {
    box-sizing: content-box
}

.dhca_x dd:nth-child(2) {
    width: 210px;
    padding-left: 0
}

.dhca_x dd:nth-child(1) {
    padding-left: 0
}

.dhca_x dd:nth-child(3) {
    width: 210px
}

.kkelx {
    width: 315px;
    margin-right: 7px
}

.kkelx .pic img {
    width: 315px;
    height: 195px
}

.kkel {
    margin-right: 0
}

.u1 li {
    width: 305px;
    margin-right: 22px
}

.u1 img {
    width: 305px;
    height: 255px
}

.index_kf ul li,
.index_kf ul li a {
    width: 150px
}

.index_banner a.i_banner {
    background: url(../images/banner.png) no-repeat top center
}

.header .logo img {
    height: auto;
    width: auto
}

.header .menu ul li em {
    line-height: 65px
}

.ocr_index_banner {
    background: url(../images/ocr/index_banner.png) no-repeat top center;
    width: 100%;
    height: 400px
}

a.glink {
    color: #000
}

a:hover.glink,
em.hover a {
    color: #00a2ed;
    border-bottom: 3px solid #00a2ed
}

a.gblink {
    color: #00a2ed
}

a:hover.gblink {
    text-decoration: underline
}

.a_fangan_content {
    background-color: #fff
}

.main_product {
    padding-top: 60px
}

.main_product h3 {
    text-align: center;
    font-size: 32px;
    font-weight: 100;
    color: #000;
    padding-bottom: 50px
}

.main_kehu h3 {
    text-align: center;
    font-size: 32px;
    font-weight: 100;
    color: #000;
    padding-bottom: 75px;
    padding-top: 90px
}

.main_product ul.litpic {
    margin-bottom: 70px;
    width: 100%;
    overflow: hidden
}

.main_product ul.litpic li {
    padding-top: 45px;
    box-sizing: border-box;
    border-bottom: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
    width: 33.3333%;
    height: 240px;
    float: left
}

.main_product ul.litpic li a {
    font-size: 18px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    display: inline-block
}

.main_product ul.litpic li a:hover {
    color: #00a2ed
}

.main_product ul.litpic li a span {
    background-repeat: no-repeat;
    background-position: center center;
    width: 320px;
    height: 125px;
    display: inline-block
}

.main_product ul.litpic li a.index_logo_yinghan span {
    background-image: url(../images/ocr/index_logo_yinhang.png)
}

.main_product ul.litpic li a.index_logo_shenfen span {
    background-image: url(../images/ocr/index_logo_shenfen.png)
}

.main_product ul.litpic li a.index_logo_jiashi span {
    background-image: url(../images/ocr/index_logo_jiashi.png)
}

.main_product ul.litpic li a.index_logo_renlian span {
    background-image: url(../images/ocr/index_logo_renlian.png)
}

.main_product ul.litpic li a.index_logo_mingpian span {
    background-image: url(../images/ocr/index_logo_mingpian.png)
}

.main_product ul.litpic li a.index_logo_wendan span {
    background-image: url(../images/ocr/index_logo_wendan.png)
}

.main_product ul.litpic li a.index_logo_license span {
    background-image: url(../images/ocr/index_logo_license.png)
}

.main_product ul.litpic li a.index_logo_invoice span {
    background-image: url(../images/ocr/index_logo_invoice.png)
}

.main_product ul.litpic li a.index_logo_bigdata span {
    background-image: url(../images/ocr/index_logo_bigdata.png)
}

.main_product ul.litpic li a:hover.index_logo_yinghan span {
    background-image: url(../images/ocr/index_logo_yinghang_hover.png)
}

.main_product ul.litpic li a:hover.index_logo_shenfen span {
    background-image: url(../images/ocr/index_logo_shenfen_hover.png)
}

.main_product ul.litpic li a:hover.index_logo_jiashi span {
    background-image: url(../images/ocr/index_logo_jiashi_hover.png)
}

.main_product ul.litpic li a:hover.index_logo_renlian span {
    background-image: url(../images/ocr/index_logo_renlian_hover.png)
}

.main_product ul.litpic li a:hover.index_logo_mingpian span {
    background-image: url(../images/ocr/index_logo_mingpian_hover.png)
}

.main_product ul.litpic li a:hover.index_logo_wendan span {
    background-image: url(../images/ocr/index_logo_wendan_hover.png)
}

.main_product ul.litpic li a:hover.index_logo_license span {
    background-image: url(../images/ocr/index_logo_license_hover.png)
}

.main_product ul.litpic li a:hover.index_logo_invoice span {
    background-image: url(../images/ocr/index_logo_invoice_hover.png)
}

.main_product ul.litpic li a:hover.index_logo_bigdata span {
    background-image: url(../images/ocr/index_logo_bigdata_hover.png)
}

.main_product ul.litpic li:nth-child(4),
.main_product ul.litpic li:nth-child(5),
.main_product ul.litpic li:nth-child(6) {
    border-bottom: 0
}

.main_product ul.litpic li:nth-child(3n+0) {
    border-right: 0
}

.customer ul li {
    width: 310px;
    height: 437px;
    margin-right: 11px
}

.gun {
    width: 960px
}

.a_fangan_contents {
    background: #f8f9fa
}

.lianxi .tel a {
    float: none;
    display: inline-block
}

.lianxi .tel a:hover {
    background-color: #3190ce
}

p.more {
    text-align: center
}

p.more a.more_product {
    display: inline-block;
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #c7c7c7;
    color: #fff
}

p.more a:hover.more_product {
    text-decoration: underline
}

p.more a.more_product i {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #fff;
    vertical-align: middle;
    display: inline-block
}

p.more a.reduce i {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #fff;
    border-top: 0
}

.main_kehu {
    overflow: hidden
}

h3.ocrtit {
    text-align: center;
    font-size: 32px;
    font-weight: 100;
    color: #000;
    padding-bottom: 50px
}

.main_kehu ul {
    width: 100%
}

.main_kehu ul li {
    vertical-align: middle;
    width: 151px;
    text-align: center;
    float: left;
    height: 114px;
    border: 1px solid #f8f8f8;
    line-height: 114px;
    background-repeat: no-repeat;
    background-position: center center
}

.main_kehu ul li.index_kehu_01 {
    background: url(../images/ocr/index_kehu.png) center -13px no-repeat
}

.main_kehu ul li.index_kehu_02 {
    background: url(../images/ocr/index_kehu.png) center -127px no-repeat
}

.main_kehu ul li.index_kehu_03 {
    background: url(../images/ocr/index_kehu.png) center -241px no-repeat
}

.main_kehu ul li.index_kehu_04 {
    background: url(../images/ocr/index_kehu.png) center -355px no-repeat
}

.main_kehu ul li.index_kehu_05 {
    background: url(../images/ocr/index_kehu.png) center -469px no-repeat
}

.main_kehu ul li.index_kehu_06 {
    background: url(../images/ocr/index_kehu.png) center -583px no-repeat
}

.main_kehu ul li.index_kehu_07 {
    background: url(../images/ocr/index_kehu.png) center -697px no-repeat
}

.main_kehu ul li.index_kehu_08 {
    background: url(../images/ocr/index_kehu.png) center -811px no-repeat
}

.main_kehu ul li.index_kehu_09 {
    background: url(../images/ocr/index_kehu.png) center -925px no-repeat
}

.main_kehu ul li.index_kehu_10 {
    background: url(../images/ocr/index_kehu.png) center -1039px no-repeat
}

.main_kehu ul li.index_kehu_11 {
    background: url(../images/ocr/index_kehu.png) center -1153px no-repeat
}

.main_kehu ul li.index_kehu_12 {
    background: url(../images/ocr/index_kehu.png) center -1267px no-repeat
}

.main_kehu ul li.index_kehu_13 {
    background: url(../images/ocr/index_kehu.png) center -1381px no-repeat
}

.main_kehu ul li.index_kehu_14 {
    background: url(../images/ocr/index_kehu.png) center -1495px no-repeat
}

.main_kehu ul li.index_kehu_15 {
    background: url(../images/ocr/index_kehu.png) center -1609px no-repeat
}

.main_kehu ul li.index_kehu_16 {
    background: url(../images/ocr/index_kehu.png) center -1723px no-repeat
}

.main_kehu ul li.index_kehu_17 {
    background: url(../images/ocr/index_kehu.png) center -1837px no-repeat
}

.main_kehu ul li.index_kehu_18 {
    background: url(../images/ocr/index_kehu.png) center -1951px no-repeat
}

.main_kehu ul li img {
    text-align: center;
    vertical-align: middle;
    margin: 0 auto
}

.main_kehu ul li {
    border-top: 0;
    border-left: 0
}

.main_kehu ul li:nth-child(6n+0) {
    border-right: 0;
    width: 173px
}

.main_kehu ul li:nth-child(1),
.main_kehu ul li:nth-child(13),
.main_kehu ul li:nth-child(7) {
    width: 178px
}

.main_kehu ul li:nth-child(13),
.main_kehu ul li:nth-child(14),
.main_kehu ul li:nth-child(15),
.main_kehu ul li:nth-child(16),
.main_kehu ul li:nth-child(17),
.main_kehu ul li:nth-child(18) {
    border-bottom: 0
}

.xxp {
    background-image: url(../images/ocr/driving_banner_20201103.jpg)
}

.xxp a {
    width: 157px;
    height: 51px;
    top: 254px;
    left: 520px;
    line-height: 51px
}

.w1200 {
    width: 1200px;
    margin: 0 auto
}

.pd_105 {
    padding-top: 105px
}

.main_produc_more {
    width: 100%;
    overflow: hidden;
    margin-bottom: 34px;
    margin-top: -70px;
    height: 0
}

.main_produc_more li {
    height: 80px;
    line-height: 80px;
    width: 192px;
    border-bottom: 1px solid #f8f8f8;
    padding-left: 43px;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    white-space: nowrap
}

.main_produc_more li:nth-child(3) {
    width: 417px
}

.main_produc_more li:nth-child(4) {
    width: 159px;
    padding-left: 10px
}

.main_produc_more li:nth-child(7) {
    width: 210px
}

.main_produc_more li:nth-child(8) {
    width: 174px;
    padding-left: 25px
}

.huand_anliu a {
    background-color: #00a2ed
}

.mvideo {
    width: 368px;
    height: 243px;
    float: left;
    padding-left: 23px;
    padding-top: 129px
}

.idcard_banner {
    background-image: url(../images/ocr/idcard_banner.png)
}

.idcard_banner span {
    padding-top: 267px
}

.idcard_banner span a {
    left: 435px
}

.bankcard_banner {
    background-image: url(../images/ocr/bankcard_banner_20201103.png)
}

.bankcard_banner span {
    padding-top: 254px
}

.bankcard_banner span a {
    left: 497px
}

.face_banner {
    background-image: url(../images/ocr/face_banner.png)
}

.face_banner span {
    padding-top: 270px
}

.face_banner span a {
    left: 125px
}

.face1 {
    background-image: url(../images/ocr/face_bg_001.png)
}

.face2 {
    background-image: url(../images/ocr/face_bg_002.png)
}

.face3 {
    background-image: url(../images/ocr/face_bg_003.png)
}

.face4 {
    background-image: url(../images/ocr/face_bg_004.png)
}

.face4 .fr {
    color: #FFF
}

.license_banner {
    background-image: url(../images/ocr/license_banner.png)
}

.license_banner span {
    padding-top: 285px
}

.license_banner span a {
    left: 120px
}

.license.scenario .function li {
    padding-right: 65px
}

.license1 {
    background-image: url(../images/ocr/license_bg_001.png)
}

.license2 {
    background-image: url(../images/ocr/license_bg_002.png)
}

.license3 {
    background-image: url(../images/ocr/license_bg_003.png)
}

.license3.pgdiv .fr,
.license4.pgdiv .fr {
    width: 468px;
    padding-top: 200px
}

.license4 {
    background-image: url(../images/ocr/license_bg_004.png)
}

.invoice_banner {
    background-image: url(../images/ocr/invoice_banner_20201103.jpg)
}

.invoice_banner span {
    padding-top: 275px
}

.invoice_banner span a {
    left: 120px
}

.invoice.scenario .function li {
    padding-right: 65px
}

.invoice1 {
    background-image: url(../images/ocr/invoice_bg_001.png)
}

.invoice2 {
    background-image: url(../images/ocr/invoice_bg_002.png)
}

.invoice3 {
    background-image: url(../images/ocr/invoice_bg_003.png)
}

.invoice4 {
    background-image: url(../images/ocr/invoice_bg_004.jpg)
}

.invoice4.pgdiv .fl {
    color: #fff
}

.bigdata_banner {
    background-image: url(../images/ocr/bigdata_banner_20201103.jpg)
}

.bigdata_banner span {
    padding-top: 275px
}

.bigdata_banner span a {
    left: 120px
}

.bigdata.scenario .function li {
    padding-right: 65px
}

.bigdata1 {
    background-image: url(../images/ocr/bigdata_bg_001.png)
}

.bigdata2 {
    background-image: url(../images/ocr/bigdata_bg_002.png)
}

.bigdata3 {
    background-image: url(../images/ocr/bigdata_bg_003.png)
}

.bigdata4 {
    background-image: url(../images/ocr/bigdata_bg_004.jpg)
}

.bigdata1.pgdiv .fr {
    width: 505px
}

.bigdata4.pgdiv .fl {
    width: 440px;
    color: #fff
}

.camcar_scenario {
    width: 100%;
    height: 55px;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
    background-color: #fff;
    z-index: 999;
}

.camcar_scenario .function {
    width: 195px;
    height: 28px;
    line-height: 28px;
}

.camcar_scenario .landing {
    overflow: hidden;
    padding-top: 9.5px
}

.camcar_scenario .landing li {
    float: left
}

.camcar_scenario .landing li a:hover {
    color: #11a8ee;
}

.camcar_scenario .landing li.ccb_btn_a {
    width: 120px;
    display: block;
    padding: 0;
    margin-right: 22px
}

.camcar_scenario .landing li.ccb_btn_a a {
    background: url(../images/ccb/Rectangle1.png) no-repeat;
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    display: block
}

.camcar_scenario .landing li.ccb_btn_a a:hover {
    background: url(../images/ccb/Rectangle2.png) no-repeat
}

.camcar_scenario .landing li.ccb_btn_b {
    width: 120px
}

.camcar_scenario .landing li.ccb_btn_b a {
    background: url(../images/ccb/Rectangle3.png) no-repeat;
    width: 120px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    display: block;
    color: #eff0f2
}

.camcar_scenario .landing li.ccb_btn_b a:hover {
    background: url(../images/ccb/Rectangle3-1.png) no-repeat
}

.camcar_scenario .landing li.ccb_a {
    display: inline-block;
    padding-top: 10px;
    font-size: 18px;
    line-height: 18px;
    width: 190px;
    text-align: center;
}

.qixinbao {
    width: 100%;
    border-bottom: 1px solid #eee;
    height: 53px;
    background-color: #fff;
    z-index: 999;
}

.qixinbao-menu #gotop img {
    height: 53px;
}

.ccb-menu #gotop img {
    height: 53px;
}

.menu-warp.fr {
    float: none;
}

.menu-warp.landing li a {
    color: #212121;
}

.qixinbao .fr li {
    display: inline;
    width: auto
}

.qixinbao .fr li a {
    font-size: 18px
}

.qixinbao .fr li a:hover {
    color: #11a8ee
}

.qixinbao .fr li.b_tel_a {
    width: 130px;
    /* padding-left: 55px; */
    line-height: 53px;
}

.qixinbao .fr li.b_tel_a i {
    background: url(../images/a_tel.png) no-repeat center;
    width: 24px;
    height: 53px;
    display: block;
    float: left;
    margin-right: 6px;
}

.qixinbao .fr li.style {
    display: inline;
}

.qixinbao .fr li.style a {
    display: inline-block;
    width: 140px;
    height: 40px;
    color: #212121;
    background-color: #FDD000;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    position: relative;
    line-height: 40px;
}

.qixinbao .fr li.style a span {
    position: absolute;
    top: 44px;
    left: -90px
}

.qxb_10 {
    width: 100%;
    overflow: hidden;
    background-color: #f2f3f7
}

.qxbabout .tit {
    color: #000;
    height: 32px;
    line-height: 23px;
    width: 100%;
    font-size: 32px;
    padding-top: 88px;
    padding-bottom: 60px;
    text-align: center;
    font-weight: 300
}

.qxbabout ul {
    width: 1000px;
    height: 469px;
    overflow: hidden;
    margin-bottom: 53px
}

.qxbabout ul li {
    float: left;
    height: 467px;
    width: 310px;
    border: 1px solid #c7c7c7;
    overflow: hidden;
    margin-right: 12px
}

.qxbabout ul li .wz {
    height: 283px;
    background: #f8f8f8;
    border-top: 1px solid #ededed
}

.qxbabout ul li .wz .ti {
    padding: 25px 0 25px 25px;
    font-size: 18px;
    color: #212121;
    font-weight: 300
}

.qxbabout ul li .wz .ti a {
    color: #212121
}

.qxbabout ul li .wz .ti a:hover {
    color: #11a8ee
}

.qxbabout ul li .wz .info {
    padding: 0 26px;
    font-size: 14px;
    color: #787878;
    line-height: 24px
}

.qxbabout ul li .wz .infox {
    padding: 0 26px;
    font-size: 14px;
    color: #787878;
    line-height: 24px;
    height: 118px
}

.qxbabout ul li .wz .genduo {
    padding-left: 25px
}

.qxbabout ul li .wz .genduo a {
    width: 120px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #fcce52;
    color: #3f3f3f;
    display: block
}

.qxbabout ul li .wz .genduo a:hover {
    background: #e59c10
}

.qxb_10 .customer {
    padding-bottom: 138px
}

.qxb11 {
    width: 100%;
    background-color: #304f6b;
    overflow: hidden;
    height: 623px;
    color: #fff
}

.qxb11 .tit {
    height: 32px;
    line-height: 32px;
    width: 100%;
    text-align: center;
    padding-top: 67px;
    padding-bottom: 84px;
    font-size: 32px
}

.qxb11 dl {
    width: 480px;
    height: 130px;
    overflow: hidden;
    margin-bottom: 60px;
    float: left
}

.qxb11 dl dt {
    width: 130px;
    height: 130px;
    float: left;
    background-position: top center;
    background-repeat: no-repeat
}

.qxb11 dl dd {
    width: 275px;
    height: 130px;
    float: left;
    margin-left: 24px
}

.qxb11 dl dd p {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    font-size: 36px;
    margin-bottom: 20px
}

.qxb11 dl dd span {
    display: block;
    width: 100%;
    height: 74px;
    font-size: 16px;
    line-height: 24px
}

.qxb11 dl.pone dt {
    background-image: url(../images/enterprise/qxb_f01.png)
}

.qxb11 dl.ptwo dt {
    background-image: url(../images/enterprise/qxb_f02.png)
}

.qxb11 dl.pthree dt {
    background-image: url(../images/enterprise/qxb_f03.png)
}

.qxb11 dl.pfour dt {
    background-image: url(../images/enterprise/qxb_f04.png)
}

.qxb_ad {
    padding: 100px 0;
    text-align: center
}

.qxb_ad .ad_title {
    font-size: 26px;
    color: #212121;
    font-weight: lighter
}

.qixin_new_scenario {
    padding: 60px 0;
}

.qixin_new_scenario .scenario-title {
    font-size: 28px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000000;
    line-height: 40px;
    text-align: center;
}

.qixin_new_scenario .scenario-tips {
    font-size: 18px;
    font-family: AlibabaPuHuiTiR;
    color: #767D8B;
    line-height: 24px;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 10px;
}

.qixin_new_scenario .scenario-desc {
    display: flex;
    justify-content: space-around;
    max-width: 1200px;
    margin: auto;
}

.qixin_new_scenario .scenario-desc_item {
    font-size: 14px;
    font-family: AlibabaPuHuiTiM;
    color: #212121;
    line-height: 20px;
    text-align: center;
}

.qixin_new_scenario .scenario-data {
    font-size: 60px;
    font-family: AlibabaPuHuiTiB;
    color: #FDD000;
    line-height: 82px;
    padding: 0;
}

.qinxin_new_product {
    width: 100%;
    overflow: hidden;
    background: #F5F7FC;
    padding-top: 70px;
    padding-bottom: 50px;
    margin: 0 auto;
    height: auto;
}

.qinxin_new_product .biaoti {
    font-size: 28px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000000;
    line-height: 40px;
    padding: 0;
}

.qinxin_new_product .f_left {
    margin-left: 0;
}

.qinxin_new_product .f_right {
    margin-right: 0;
}

.qinxin_new_product .fl.f_center {
    width: 340px;
    height: 615px;
    background: none;
    padding: 0 !important;
}

.qinxin_new_product .fl.f_center img {
    padding: 0;
    width: 340px;
    height: 615px;
}

.qxb_ad .ad_btn_contact:hover,
.qxb_ad .ad_btn_experience {
    width: 198px;
    height: 48px;
    line-height: 48px;
    background-color: #fcce52;
    border: 1px solid #fcce52;
    color: #232323;
    font-size: 18px;
    display: inline-block;
    margin-top: 45px
}

.qxb_ad .ad_btn_contact {
    width: 198px;
    height: 48px;
    line-height: 48px;
    background-color: #FFF;
    border: 1px solid #fcce52;
    color: #fcce52;
    font-size: 18px;
    display: inline-block;
    margin-left: 58px;
    margin-top: 45px
}

.qxb_ad .ad_btn_experience:hover {
    background-color: #e59c10
}

.camcard_banner {
    width: 100%;
    height: 480px;
    /* background: url(../images/personal/camcard_banner_0506_201103.png) no-repeat top center #506068; */
    overflow: visible;
    /* margin-top: 64px; */
}

.camcard_banner .camcard_banner-desc {
    padding-top: 163px;
}

.camcard_banner .warp {
    padding-top: 272px;
    padding-left: 337px;
    box-sizing: border-box
}

.camcard_banner a {
    display: block;
    background-color: #00b9f7;
    border-radius: 2px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: lighter;
    color: #fff;
    position: relative
}

.camcard_banner a:hover,
.camcard_menu .fr li.style a:hover {
    background-color: #3190ce
}

.camcard_banner .banner-title {
    font-size: 44px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #2D3036;
    line-height: 58px;
    height: auto;
}

.camcard_banner .one-fea {
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5F5F5F;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 50px;
}

.camcard_banner .camcard_btn a {
    width: 135px;
    height: 40px;
    background: #1DA9FF;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 40px;
}

.camcard_banner a span {
    display: none;
    position: absolute;
    top: 60px;
    left: -50px;
    z-index: 9999
}

.camcard_menu {
    width: 100%;
    height: 53px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    z-index: 999
}

.camcard_menu .logo {
    display: block;
    width: 200px;
    height: 53px;
}

.camcard_menu .logo img {
    height: 53px;
}

.application_scenario {
    padding: 50px 70px;
    min-width: 1200px;
}

.application_scenario .scenario-title {
    font-size: 28px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #000000;
    line-height: 40px;
    text-align: center;
}

.camcard-scenario .scenario-title {
    margin-bottom: 53px;
}

.application_scenario .scenario-desc {
    display: flex;
    justify-content: space-around;
    max-width: 1200px;
    margin: auto;
}

.application_scenario .scenario-desc_item {
    font-size: 14px;
    font-family: AlibabaPuHuiTiM;
    color: #212121;
    line-height: 20px;
    text-align: center;
}

.application_scenario .scenario-data {
    font-size: 60px;
    font-family: AlibabaPuHuiTiB;
    line-height: 82px;
    padding: 0;
}

.camcard .scenario-data {
    color: #1DA9FF;
}

.camcard_menu .fl {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 700px;
    margin-left: 45px;
}

.camcard_menu li a {
    font-size: 16px;
    color: #212121;
}

.camcard_menu li a:hover {
    color: #11a8ee
}


/* .camcard_menu .fr {
    width: 228px;
    text-align: right;
    height: 36px;
    line-height: 36px;
    margin-top: 12px
} */

.camcard_menu .fr li {
    display: inline
}

.camcard_menu .fr li.style {
    float: right
}

.camcard_menu .fr li.style a {
    display: block;
    width: 120px;
    height: 36px;
    font-weight: lighter;
    color: #fff;
    background-color: #1DA9FF;
    text-align: center;
    font-size: 14px;
    position: relative;
    line-height: 36px;
    border-radius: 4px;
}

.camcard_menu .fr li.style a span {
    position: absolute;
    top: 36px;
    left: -90px
}

.camcard_menu .fr li.weba {
    height: 36px;
    line-height: 36px
}

.sales_x .biaoti .mtit {
    line-height: 32px;
    padding-bottom: 26px;
    font-size: 32px
}

.sales_x .biaoti .minfo {
    line-height: 18px
}

.sales_x .d1 {
    width: 312px;
    margin-right: 12px
}

.sales_x .kkel {
    margin-right: 0
}

.sales_x .d1 .pic,
.sales_x .d1 .pic img {
    width: 312px;
    height: 220px
}

.sales_x .d1 dt {
    padding-top: 32px;
    padding-bottom: 26px;
    line-height: 18px;
    font-size: 18px
}

.sales_x .d1 .info {
    display: block;
    width: 100%;
    height: 106px;
    font-size: 14px;
    vertical-align: top
}

.flowplayer {
    height: 519px;
    width: 290px
}

#playbd {
    padding: 81px 0 0 24px;
    box-sizing: border-box
}

#playbd img {
    margin: 0
}

.camnews {
    padding: 51px 0 0 0
}

.camnews .tit {
    text-align: center;
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 8px;
    color: #4f4545;
    font-weight: lighter;
    color: #212121
}

.camnews .news_titi {
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 25px
}

.camnews ul {
    width: 100%;
    padding-top: 40px;
    overflow: hidden
}

.camnews ul li {
    float: left;
    width: 310px;
    margin-right: 15px;
    margin-bottom: 130px
}

.camnews ul li .pic {
    width: 310px;
    height: 210px;
    background-color: #dedede;
    text-align: center;
    line-height: 210px;
    color: #fff;
    margin-bottom: 30px
}

.camnews ul li .wz {
    width: 100%;
    overflow: hidden;
    height: 150px
}

.camnews ul li .wz .ti {
    font-size: 18px;
    color: #625555;
    font-weight: 400;
    line-height: 30px;
    display: block;
    vertical-align: top;
    margin-bottom: 10px;
    height: 60px
}

.camnews ul li .wz .info {
    font-size: 14px;
    color: #787878;
    line-height: 20px;
    margin-bottom: 25px
}

.camnews ul li .wz .more {
    text-align: left
}

.camnews ul li .more a {
    color: #00a2ed;
    font-size: 18px
}

.camnews ul li.nomargin {
    margin: 0
}

.camscanner_banner {
    width: 100%;
    height: 480px;
    /* background: url(../images/personal/camscanner_banner.png) no-repeat top center #1a2431; */
    overflow: visible;
}

.camscanner_banner .warp {
    padding-top: 293px;
    padding-left: 11px;
    box-sizing: border-box
}

.camscanner_banner a {
    display: block;
    background-color: #00cda5;
    border-radius: 2px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 22px;
    font-weight: lighter;
    color: #fff;
    position: relative
}

.camscanner_banner .banner-title {
    font-size: 44px;
    color: #2D3036;
    line-height: 58px;
    height: auto;
}

.camscanner_banner .one-fea {
    color: #5F5F5F;
    line-height: 22px;
    margin-top: 10px;
}

.camscanner_banner .page-containner {
    padding-top: 163px;
}

.camscanner_banner a:hover {
    background-color: #1ea178
}

.camscanner_banner a span {
    display: none;
    position: absolute;
    top: 60px;
    left: -50px;
    z-index: 9999
}

.camscanner_menu {
    width: 100%;
    height: 53px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    z-index: 999
}

.camscanner_menu .logo {
    display: block;
    width: 200px;
    height: 53px;
}

.camscanner_menu .logo img {
    height: 53px;
}

.camscanner_menu .fl {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 700px;
    margin-left: 45px;
}

.camscanner_menu li a {
    font-size: 16px;
    color: #212121;
}

.camscanner_menu li a:hover {
    color: #1ea178
}


/* .camscanner_menu .fr {
    width: 228px;
    text-align: right;
    height: 36px;
    line-height: 36px;
    margin-top: 12px
} */

.camscanner_menu .fr li {
    display: inline
}

.camscanner_menu .fr li.style {
    float: right
}

.camscanner_menu .fr li.style a {
    display: block;
    width: 120px;
    height: 36px;
    font-weight: lighter;
    color: #fff;
    background-color: #00cda5;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    position: relative;
    line-height: 36px;
}

.camscanner_menu .fr li.style a:hover {
    background-color: #1ea178
}

.camscanner_menu .fr li.style a span {
    position: absolute;
    top: 36px;
    left: -90px
}

.camscanner_menu .fl li.weba {
    height: 36px;
    line-height: 36px
}

.camying {
    border-top: 1px solid #dedede;
    overflow: hidden;
    width: 100%;
    padding-top: 85px
}

.camying .user .titx {
    padding-bottom: 40px;
    height: 32px;
    line-height: 32px;
    font-size: 32px
}

.wzleft .boxs .qnsmw_t {
    position: relative
}

.wzleft .boxs .qnsmw_t span {
    position: absolute;
    top: -299px;
    left: -27px;
    z-index: 9999
}

.camsnew .news_titi a,
.camsnew ul li .More a {
    color: #00cda5
}

.camsnew .news_titi a:hover,
.camsnew ul li .wz .More a:hover {
    text-decoration: underline
}

.camsmedia .news_bd .bd {
    background-image: url(../images/ping_1.png)
}

.camsmedia .news_bd .hd li {
    background: #a8a8a8
}

.camsmedia .news_bd .hd li.on {
    background: #00cda5
}

.camsmedia .news_bd .bd li span.news_bd_b a:hover {
    color: #00cda5
}

.page_banner {
    width: 100%;
    height: 480px;
    background-size: cover;
    overflow: hidden;
    background-position: top center;
    background-repeat: no-repeat
}

.solution_bank {
    background: url(../images/solution/bank_banner_001.png) no-repeat top center #282828
}

.solution_insurance {
    background: url(../images/solution/Banner解决方案-保险@2x.png) no-repeat top center #282828
}

.solution_government {
    background: url(../images/solution/Banner解决方案-政府园区@2x.png) no-repeat top center #282828
}

.solution_mobile_internet {
    background: url(../images/solution/mobile_internet.banner.001.png) no-repeat top center #282828
}

.solution_mobile_phone {
    background: url(../images/solution/mobile_phone_manufacturers.banner.001.png) no-repeat top center #282828
}

.solution_saas {
    background: url(../images/solution/saas_banner_001.png) no-repeat top center #282828
}

.solution_securities {
    background: url(../images/solution/Banner解决方案-证券@2x.png) no-repeat top center #282828
}

.solution_supply {
    background: url(../images/solution/Banner解决方案-供应链@2x.png) no-repeat top center #282828
}

.pgmenu {
    width: 100%;
    height: 56px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    z-index: 999
}

.pgmenu .fl {
    height: 16px;
    width: auto;
    line-height: 16px;
    overflow: hidden;
    margin-top: 20px
}

.pgmenu .fl li {
    padding-right: 80px;
    float: left
}

.pgmenu a {
    float: left;
    font-size: 16px
}

.pgmenu a:hover {
    color: #3190ce
}

.pgmenu .fr {
    width: auto;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    margin-top: 10px
}

.pgmenu .fr li {
    float: left;
    padding-right: 36px
}

.pgmenu .fr li.style {
    padding-right: 0
}

.pgmenu .fr li.style a {
    background: #00a2ed none repeat scroll 0 0;
    color: #fff;
    display: block;
    width: 120px;
    height: 36px;
    text-align: center
}

.pgmenu .fr li.style a:hover {
    background: #3190ce none repeat scroll 0 0
}

.pgmenu .fr li.b_tel_a i {
    background: url(../images/a_tel.png) no-repeat 0 5px;
    width: 24px;
    height: 36px;
    display: block;
    float: left;
    margin-right: 5px
}

.pgcustomer {
    padding-top: 43px;
    padding-bottom: 58px
}

.pgcustomer .tit {
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    padding-bottom: 62px
}

.h100 {
    height: 100px
}

.pgdiv {
    width: 100%;
    overflow: hidden;
    height: 500px;
    background-color: #fff;
    background-position: top center;
    background-repeat: no-repeat
}

.pgdiv p.title {
    font-size: 36px;
    line-height: 36px;
    height: 36px;
    padding-bottom: 20px
}

.pgdiv p.doc {
    font-size: 17px;
    line-height: 31px
}

.pgdiv .links {
    line-height: 31px;
    padding-top: 10px;
    font-size: 17px
}

.pgdiv .links a {
    color: #00a2ed;
    padding-right: 15px;
    font-size: 17px
}

.pgdiv .links a:hover {
    color: #3190ce
}

.pgdiv .fl {
    width: 400px;
    padding-left: 10px;
    padding-top: 135px
}

.pgdiv .fr {
    width: 410px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 123px
}

.pgdiv div.links p {
    padding-left: 90px;
    margin-top: -31px;
    text-align: left
}

.bank1 {
    background-image: url(../images/solution/bank_001.png)
}

.bank2 {
    background-image: url(../images/solution/bank_002.png)
}

.bank3 {
    background-image: url(../images/solution/bank_003.png)
}

.bank4 {
    background-image: url(../images/solution/bank_004.png)
}

.bank5 {
    background-image: url(../images/solution/bank_005.png)
}

.bank6 {
    background-image: url(../images/solution/bank_006.png)
}

.bank7 {
    background-image: url(../images/solution/bank_007.png)
}

.bank8 {
    background-image: url(../images/solution/bank_008.png)
}

.bank9 {
    background-image: url(../images/solution/bank_009.png)
}

.bank1 .fl,
.bank3 .fl {
    width: 505px;
    padding-top: 68px;
}

.bank1 div.links p,
.bank3 div.links p {
    padding-left: 0;
    margin-top: 15px;
    line-height: normal
}

.bank1 div.links a,
.bank3 div.links a {
    width: 150px;
    display: inline-block;
    vertical-align: top;
}

.bank3 div.links a,
.bank4 div.links a {
    cursor: default
}

.bank1 div.links span,
.bank3 div.links span {
    width: 340px;
    display: inline-block;
    font-size: 13px;
    color: #868686;
}

.bank2 .fr {
    width: 470px;
    padding-top: 68px;
}

.bank2 div.links p {
    padding-left: 0;
    margin-top: 15px;
    line-height: normal
}

.bank2 div.links a {
    width: 150px;
    display: inline-block;
    vertical-align: top
}

.bank2 div.links span {
    width: 470px;
    display: inline-block;
    color: #868686;
    font-size: 12px
}

.bank4 .fr {
    width: 505px;
    padding-top: 68px;
}

.bank4 div.links p {
    padding-left: 0;
    margin-top: 15px;
    line-height: normal
}

.bank4 div.links a {
    width: 505px;
    display: block;
    vertical-align: top
}

.bank4 div.links span {
    width: 505px;
    display: block;
    color: #868686;
    font-size: 12px
}

.securities_bank {
    background-image: url(../images/solution/Banner解决方案-证券@2x.png)
}

.securities1 {
    background-image: url(../images/solution/securities_bg_001.png)
}

.securities2 {
    background-image: url(../images/solution/securities_bg_002.png)
}

.securities3 {
    background-image: url(../images/solution/securities_bg_003.png)
}

.securities4 {
    background-image: url(../images/solution/securities_bg_004.png);
    border-bottom: 1px solid #eee
}

.securities1 .fl,
.securities3 .fl {
    width: 505px;
    padding-top: 68px;
}

.securities1 div.links p,
.securities3 div.links p {
    padding-left: 0;
    margin-top: 15px;
    line-height: normal
}

.securities1 div.links a,
.securities3 div.links a {
    width: 110px;
    display: inline-block;
    vertical-align: top;
}

.securities1 div.links span,
.securities3 div.links span {
    width: 340px;
    display: inline-block;
    color: #868686;
    font-size: 12px
}

.securities2 .fr {
    width: 470px;
    padding-top: 68px;
}

.securities2 div.links p {
    padding-left: 0;
    margin-top: 15px;
    line-height: normal
}

.securities2 div.links a {
    width: 150px;
    display: inline-block;
    vertical-align: top
}

.securities2 div.links span {
    width: 470px;
    display: inline-block;
    color: #868686;
    font-size: 12px
}

.insurances_bank {
    background-image: url(../images/solution/Banner解决方案-保险@2x.png)
}

.insurances1 {
    background-image: url(../images/solution/insurances_bg_001.png)
}

.insurances2 {
    background-image: url(../images/solution/insurances_bg_002.png)
}

.insurances3 {
    background-image: url(../images/solution/insurances_bg_003.png)
}

.insurances4 {
    background-image: url(../images/solution/insurances_bg_004_0727.png)
}

.insurances5 {
    background-image: url(../images/solution/insurances_bg_005.png)
}

.mobile_phone_manufacturers_banner {
    background-image: url(../images/solution/mobile_phone_manufacturers.banner.001.20171206.jpg)
}

.mobile_phone_manufacturers1 {
    background-image: url(../images/solution/mobile_phone_manufacturers_bg_001.png)
}

.mobile_phone_manufacturers2 {
    background-image: url(../images/solution/mobile_phone_manufacturers_bg_002.png)
}

.mobile_phone_manufacturers3 {
    background-image: url(../images/solution/mobile_phone_manufacturers_bg_003.png)
}

.mobile_phone_manufacturers4 {
    background-image: url(../images/solution/mobile_phone_manufacturers_bg_004.png)
}

.mobile_phone_manufacturers5 {
    background-image: url(../images/solution/mobile_phone_manufacturers_bg_005.png)
}

.mobile_phone_manufacturers1 .fl,
.mobile_phone_manufacturers3 .fl {
    padding-top: 105px
}

.mobile_phone_manufacturers2 .fr,
.mobile_phone_manufacturers4 .fr {
    padding-top: 110px
}

.mobile_phone_manufacturers1 .fl p.title {
    width: 480px
}

.mobile_phone_manufacturers2 p.title,
.mobile_phone_manufacturers3 p.title,
.mobile_phone_manufacturers4 p.title {
    height: 80px;
    line-height: 40px
}

.government_banner {
    background-image: url(../images/solution/Banner解决方案-政府园区@2x.png)
}

.government1 {
    background-image: url(../images/solution/government_bg_001.png)
}

.government2 {
    background-image: url(../images/solution/government_bg_002.png)
}

.government3 {
    background-image: url(../images/solution/government_bg_003.png)
}

.government4 {
    background-image: url(../images/solution/government_bg_004.png)
}

.government5 {
    background-image: url(../images/solution/government_bg_005.png)
}

.government6 {
    background-image: url(../images/solution/government_bg_006.png)
}

.supply_chains_banner {
    background-image: url(../images/solution/供应链@2x.png)
}

.supply_chains1 {
    background-image: url(../images/solution/supply_chains_bg_001_20170421.jpg)
}

.supply_chains2 {
    background-image: url(../images/solution/supply_chains_bg_002_20170421.jpg)
}

.supply_chains3 {
    background-image: url(../images/solution/supply_chains_bg_003_20170421.jpg)
}

.supply_chains4 {
    background-image: url(../images/solution/supply_chains_bg_004_20170421.jpg)
}

.supply_chains5 {
    background-image: url(../images/solution/supply_chains_bg_005_20170421.jpg)
}

.supply_chains6 {
    background-image: url(../images/solution/supply_chains_bg_006.png)
}

.supply_chains6 p.title {
    width: 475px
}

.pgdiv div.links span.dot {
    width: 0;
    height: 0;
    border: 3px solid #00a2ed;
    border-radius: 99px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px
}

.supply_chains1 .fl {
    width: 505px;
    padding-top: 68px;
}

.supply_chains1 div.links p {
    padding-left: 0;
    margin-top: 15px;
    line-height: normal
}

.supply_chains1 div.links a {
    width: 150px;
    display: inline-block;
    vertical-align: top;
}

.supply_chains1 div.links span {
    width: 340px;
    display: inline-block;
    color: #868686;
    font-size: 12px
}

.supply_chains2 .fr {
    width: 470px;
    padding-top: 68px;
}

.supply_chains2 div.links p {
    padding-left: 0;
    margin-top: 15px;
    line-height: normal
}

.supply_chains2 div.links a {
    width: 85px;
    display: inline-block;
    vertical-align: middle;
    cursor: default
}

.supply_chains2 div.links span {
    width: 340px;
    display: inline-block;
    color: #868686;
    font-size: 12px
}

.supply_chains3 .fl {
    width: 410px
}

.supply_chains4 .fr {
    padding-top: 100px;
}

.supply_chains4 div.links p {
    padding-left: 0;
    margin-top: 15px;
    line-height: normal
}

.supply_chains4 div.links a {
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    cursor: default
}

.supply_chains4 div.links span {
    width: 400px;
    display: inline-block;
    color: #868686;
    font-size: 12px
}

.supply_chains5 .fl {
    width: 505px;
    padding-top: 68px;
}

.supply_chains5 div.links p {
    padding-left: 0;
    margin-top: 15px;
    line-height: normal
}

.supply_chains5 div.links a {
    width: 200px;
    display: inline-block;
    vertical-align: top;
    cursor: default
}

.supply_chains5 div.links span {
    width: 505px;
    display: inline-block;
    color: #868686;
    font-size: 12px;
    margin-top: 5px
}

.saas_banner {
    background-image: url(../images/solution/saas_banner_0719.png)
}

.saas1 {
    background-image: url(../images/solution/saas_bg_001.png)
}

.saas2 {
    background-image: url(../images/solution/saas_bg_002.png)
}

.saas3 {
    background-image: url(../images/solution/saas_bg_003.png)
}

.saas4 {
    background-image: url(../images/solution/saas_bg_004.png)
}

.saas5 {
    background-image: url(../images/solution/saas_bg_005.png)
}

.saas6 {
    background-image: url(../images/solution/saas_bg_006.png)
}

.mobile_internet_banner {
    background-image: url(../images/solution/mobile_internet.banner.001.png)
}

.mobile_internet1 {
    background-image: url(../images/solution/mobile_internet_bg_001.png)
}

.mobile_internet2 {
    background-image: url(../images/solution/mobile_internet_bg_002.png)
}

.mobile_internet3 {
    background-image: url(../images/solution/mobile_internet_bg_003.png)
}

.mobile_internet4 {
    background-image: url(../images/solution/mobile_internet_bg_004.png)
}

.mobile_internet5 {
    background-image: url(../images/solution/mobile_internet_bg_005.png)
}

.mobile_internet6 {
    background-image: url(../images/solution/mobile_internet_bg_006.png)
}

.product_index_menu {
    margin-top: 20px;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee
}

.product_index_menu .menu_select {
    color: #00a2ed
}

.product_index_main .title {
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    padding-top: 35px;
    color: #000;
    text-align: center
}

.product_index_main .products_container {
    width: 100%;
    padding: 40px 0;
    overflow: hidden
}

.product_index_main .product_wrapper {
    width: 310px;
    float: left;
    border: 1px solid #c7c7c7;
    box-sizing: border-box
}

.product_index_main .product_wrapper~.product_wrapper {
    margin-left: 15px
}

.product_index_main.enterprise .product_wrapper {
    margin-left: 87px
}

.product_index_main.enterprise .product_wrapper~.product_wrapper {
    margin-left: 166px
}

.product_index_main .product_logo {
    width: 98px;
    height: 98px;
    margin: 25px auto;
    display: block
}

.product_index_main .product_detail {
    padding-top: 44px;
    background-color: #F8F8F8;
    border-top: 1px solid #EDEDED;
    padding-bottom: 40px
}

.product_index_main .product_title {
    font-size: 24px;
    color: #444;
    text-align: center
}

.product_index_main .product_desc {
    font-size: 14px;
    color: #8e8d8d;
    text-align: center;
    margin: 20px 0 0;
    line-height: 24px
}

.product_index_main .btn_blue {
    width: 150px;
    height: 50px;
    line-height: 50px;
    margin: 35px auto 0;
    background-color: #00b9f7;
    color: #FFF;
    font-size: 18px;
    text-align: center;
    display: block
}

.product_index_main .btn_blue:hover {
    background-color: #00a2ed
}

.indexm h3 {
    padding-top: 65px;
    padding-bottom: 50px
}

.indexm {
    margin-bottom: 80px
}

.index_banner {
    width: 100%;
    height: 480px;
    position: relative;
    overflow: hidden
}

.index_banner .bd ul li {
    width: 100%;
    height: 480px
}

.index_banner .bd,
.index_banner .bd ul,
.index_banner .bd ul li {
    height: 480px;
    width: 100% !important
}

.index_banner .bd ul li {
    background-position: center top;
    background-repeat: no-repeat;
    width: 100% !important;
    background-size: cover;
}

.index_banner .hd {
    bottom: 0;
    height: 30px;
    left: 0;
    line-height: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1
}

.index_banner .hd ul li {
    background: rgba(0, 0, 0, 0) url(../images/dot-black.png) repeat scroll 0 0;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    line-height: 9999px;
    margin: 4px;
    opacity: .4;
    overflow: hidden;
    width: 16px
}

.index_banner .hd ul .on {
    opacity: 1
}

.index_first .kkelx {
    width: 313px;
    margin-right: 7px;
    height: 250px;
    margin-top: 12px;
    border: 1px solid #E5E5E5;
    display: block
}

.index_first .kkelx:hover {
    border: 1px solid #f7f5f5;
    background: #fbfcfd;
    opacity: .6
}

.index_first .kkel {
    margin-right: 0
}

.index_first .kkelx .pic {
    margin-bottom: 18px
}

.index_first .kkelx .pic,
.index_first .kkelx .pic img {
    width: 313px;
    height: 111px;
    display: block;
    margin: 0 auto
}

.index_first .kkelx dt {
    padding: 20px 15px 14px;
    color: #212121;
    line-height: 18px;
    font-size: 18px
}

.index_first .kkelx dt:hover {
    text-decoration: underline
}

.index_first .kkelx .info {
    font-size: 14px;
    line-height: 24px;
    color: #888787;
    padding: 0 14px
}

.index_first .kkelx .info_tip {
    font-size: 12px;
    color: #aaa;
    padding: 7px 14px 0
}

.index_first {
    padding: 18px 0 28px
}

.index_title {
    height: 32px;
    line-height: 32px;
    font-size: 32px;
    padding-top: 49px;
    padding-bottom: 64px;
    color: #000
}

.index_industry {
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1
}

.index_industry h1 {
    padding: 34px 0;
    text-align: center;
    font-size: 32px;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    color: #000
}

.index_industry dl {
    width: 464px;
    height: 178px;
    border: 1px solid #eee;
    background: #f7f8f9;
    margin-bottom: 30px;
    overflow: hidden
}

.index_industry dl .photo {
    float: left;
    margin-right: 20px
}

.index_industry dl .photo img {
    width: 148px;
    height: 178px
}

.index_industry dl dt {
    padding-top: 29px;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    font-weight: 300;
    padding-bottom: 19px
}

.index_industry dt a {
    color: #212121
}

.index_industry dl .info {
    line-height: 23px;
    overflow: hidden;
    padding-right: 10px
}

.index_industry dl:hover {
    border: 1px solid #f7f5f5;
    background: #fbfcfd;
    opacity: .6
}

.index_cp,
.index_first,
.warp .u1,
.warp1 {
    width: 960px
}

.index_cp dl {
    float: left;
    color: #212121
}

.index_cp dl dt {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    text-align: center;
    margin-top: 12px
}

.index_cp dl .link {
    padding-top: 10px;
    text-align: center
}

.index_cp dl .link a {
    color: #18b8f3
}

.index_cp dl .link a:hover {
    text-decoration: underline
}

.index_cp {
    margin-bottom: 60px
}

.index_cp dl {
    width: 25%;
    overflow: hidden;
}

.index_cp dl img {
    width: 115px;
    height: 115px;
    display: block;
    margin: 0 auto;
}

.index_news {
    padding: 62px 0
}

.index_news .index_title {
    padding-bottom: 65px;
    padding-top: 0
}

.camnews ul li .pic img {
    width: 310px;
    height: 210px
}

.camnews ul li .wz .ti a {
    color: #625555
}

.camnews ul li .wz .ti a:hover {
    text-decoration: underline
}

.Content .Content_left .Content_info p {
    line-height: 24px;
    padding: 16px 0 16px 0
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.alignleft {
    float: left;
    margin: .5em 1em .5em 0
}

.alignright {
    float: right;
    margin: .5em 0 .5em 1em
}


/*招聘信息*/

.recruit_wrapper {
    padding: 55px 0 40px;
    background: #ffffff;
}

.recruit_wrapper .recruit_item {
    width: 320px;
    box-sizing: border-box;
    padding: 0 35px;
    vertical-align: top;
}

.recruit_wrapper .recruit_item+.recruit_item {
    border-left: 1px solid #eaeaea;
}

.recruit_img {
    display: block;
    margin: 0 auto 20px;
}

.recruit_title {
    font-size: 24px;
    text-align: center;
    color: #212121;
}

.recruit_text {
    font-size: 14px;
    color: #6f6f6f;
    margin-top: 16px;
}

.recruit .list_news_ax_a {
    display: none;
}

.recruit .list_news_ax_b {
    width: 100%;
    box-sizing: border-box;
    padding-left: 20px;
}


/*招聘信息浮窗*/

.fixed-recruit {
    background: #38A5E6;
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 99;
    color: #ffffff;
    width: 290px;
    height: 164px;
    transition: width .3s;
    overflow: hidden;
}

.fixed-recruit .recruit-btn {
    width: 60px;
    font-size: 18px;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: middle;
    padding: 17px 0;
}

.fixed-recruit .recruit-btn .icon-open {
    width: 20px;
    height: 20px;
    background: url(../images/recruit/icon_open.png) center no-repeat;
    background-size: 20px;
    margin: 5px auto;
    display: none;
}

.fixed-recruit .recruit-btn .icon-close {
    width: 20px;
    height: 20px;
    background: url(../images/recruit/icon_close.png) center no-repeat;
    background-size: 20px;
    margin: 5px auto;
}

.fixed-recruit .recruit-btn .recruit-text {
    width: 20px;
    margin: 0 auto;
    line-height: 25px;
}

.fixed-recruit .recruit-detail {
    padding: 20px 0;
    vertical-align: middle;
}

.fixed-recruit .recruit-detail .recruit-detail-inner {
    border-left: 1px solid #56B6EE;
    padding: 0 20px;
}

.fixed-recruit .recruit-detail .btn-apply {
    display: block;
    font-size: 16px;
    letter-spacing: 12px;
    border: 2px solid #FFFFFF;
    padding: 13px 13px 13px 25px;
    border-radius: 15px;
    text-align: center;
    cursor: pointer;
    color: #FFFFFF;
}

.fixed-recruit .recruit-detail .split-wrapper {
    margin: 10px 0;
    text-align: center;
}

.fixed-recruit .recruit-detail .split {
    vertical-align: middle;
    width: 100px;
}

.fixed-recruit .recruit-detail .split {
    vertical-align: middle;
    width: 65px;
    border-top: 1px solid #56B6EE;
}

.fixed-recruit .recruit-detail .split-text {
    vertical-align: middle;
    padding: 0 5px;
    font-size: 16px;
}

.fixed-recruit .recruit-detail .icon-mail {
    width: 32px;
    height: 32px;
    background: url(../images/recruit/icon_mail.png) center no-repeat;
    background-size: 32px;
    vertical-align: middle;
}

.fixed-recruit .recruit-detail .text-mail {
    font-size: 16px;
    color: #FFFFFF;
    vertical-align: middle;
}

.fixed-recruit .recruit-detail .text-mail:hover {
    text-decoration: underline;
}

.fixed-recruit.closed {
    width: 60px;
}

.fixed-recruit.closed .recruit-detail {
    display: none;
}

.fixed-recruit.closed .icon-open {
    display: block;
}

.fixed-recruit.closed .icon-close {
    display: none;
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.graph_banner {
    background-image: url(../images/enterprise/graph_banner.jpg)
}

.graph_banner span {
    padding-top: 300px
}

.graph_banner span a {
    left: 120px
}

.graph1 {
    background-image: url(../images/enterprise/graph_bg_001.jpg)
}

.graph2 {
    background-image: url(../images/enterprise/graph_bg_002.jpg)
}

.graph3 {
    background-image: url(../images/enterprise/graph_bg_003.jpg)
}

.graph4 {
    background-image: url(../images/enterprise/graph_bg_004.jpg)
}

.vehicle_banner {
    background-image: url(../images/ocr/vehicle_banner_20201103.jpg)
}

.vehicle_banner a {
    left: 130px
}

.vehicle_middle {
    margin-left: -32px;
    margin-top: -32px;
}

.advantage .vehicle_center {
    width: 340px;
    height: 681px;
    margin: 0 30px 0 30px;
}

.about_us_va {
    width: 240px !important;
}

.about_us_img {
    height: 31px !important;
    width: auto;
    vertical-align: middle;
}


/* 
招聘页面重构20200114 
*/


/* 加入宝马bm777网站信息 */

.my-warp {
    min-width: 960px;
}

.join_banner {
    /* height: 300px; */
    width: 100%;
}

.join_banner .bg {
    /* height: 300px; */
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    /* padding-top: 20.9%; */
    position: relative;
    /* background-position: 50%; */
}

.join_banner .bg .zhaopin {
    width: 100%;
    position: absolute;
    bottom: 10%;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1200px) {
    .join_banner .bg .zhaopin {
        width: 100%;
        position: absolute;
        bottom: 8%;
        display: flex;
        justify-content: center;
    }
}

.join_banner .bg .zhaopin .ele {
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .5);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    font-size: 18px;
    height: 36px;
    color: #fff;
    cursor: pointer;
}

.join_banner .bg .zhaopin .ele:hover {
    background: hsla(0, 0%, 100%, .3);
}

.join_banner .bg .zhaopin .ele+.ele {
    margin-left: 80px;
}

.join_banner .bg .zhaopin .ele span {
    font-size: 16px;
    letter-spacing: 2px;
}


/* 来宝马bm777网站，共同成长 */

.grow_up_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 40px;
    padding-bottom: 20px;
    letter-spacing: 1px;
}

.grow_up_item .type_page .tit_box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}

.grow_up_item .type_page .tit_box .tit_text {
    font-size: 36px;
    color: #181818;
    margin: 0 20px;
}

.grow_up_item .type_page .work_box {
    width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.grow_up_item .type_page .work_box .work_block {
    width: 300px;
    position: relative;
}

.grow_up_item .type_page .work_box .work_block .title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    left: -50px;
}

.grow_up_item .type_page .work_box .work_block .title img {
    display: block;
    height: 50px;
    width: 50px;
    margin-bottom: 25px;
}

.grow_up_item .type_page .work_box .work_block .title span {
    display: block;
    font-size: 24px;
    color: #282828;
    line-height: 53px;
}

.grow_up_item .type_page .work_box .work_block .desc {
    position: relative;
}

.grow_up_item .type_page .work_box .work_block .desc span {
    font-size: 14px;
    color: #686868;
    line-height: 24px;
}


/* 来宝马bm777网站，创造价值 */

.grow_up_item .type_page .work_box {
    width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.grow_up_item .type_page .work_box .up-block {
    width: 300px;
    position: relative;
    left: 0px;
}

.grow_up_item .type_page .work_box .up-block img {
    width: 100%;
    height: auto;
}

.grow_up_item .type_page .work_box .up-block .title {
    display: block;
    font-size: 24px;
    color: #282828;
    line-height: 53px;
}

.grow_up_item .type_page .work_box .up-block .desc {
    font-size: 14px;
    color: #686868;
    line-height: 24px;
}


/* 来宝马bm777网站，收获快乐 */

.happy_item {
    margin-bottom: 30px;
}

.happy_item .type_page .work_box {
    width: 900px;
    height: 600px;
    margin: 0 auto;
}

.happy_item .type_page .work_box .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.happy_item .type_page .work_box .swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    height: calc((100% - 30px) / 2);
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.happy_item .type_page .work_box .swiper-container .swiper-slide img {
    width: 100%;
    height: 100%;
}

.happy_item .type_page .work_box .swiper-container .swiper-button-next {
    height: 70px;
    width: 40px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 20px 20px;
    background-color: rgba(0, 0, 0, .4);
    cursor: pointer;
}

.happy_item .type_page .work_box .swiper-container .hide {
    display: none;
}

.happy_item .type_page .work_box .swiper-container .swiper-button-next::after {
    font-size: 22px;
    color: white;
}

.happy_item .type_page .work_box .swiper-container .swiper-button-prev {
    height: 70px;
    width: 40px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 20px 20px;
    background-color: rgba(0, 0, 0, .4);
    cursor: pointer;
}

.happy_item .type_page .work_box .swiper-container .swiper-button-prev::after {
    font-size: 22px;
    color: white;
}

.index_news .warp .index_title {
    font-size: 36px;
    color: #181818;
    margin: 0 20px;
}