*{ font-size: 14px; margin: 0 auto; padding: 0; color: #000000; font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
a{ text-decoration: none;}
.clearfix:after,home-new-title:after{ content: ''; display: block; clear: both;}
.width-100{ width: 100%;}
.min-100{ min-height: 100%;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.cfd-flex{ width: 100%; display: flex; align-items: center;}
.cfd-flex-items-initial{ align-items: initial;}
.cfd-flex-center{ justify-content: center;}

.mt-110{ margin-top: 110px;}
.img-100{ display: block; width: 100%;}


.time-box{ display: none; width: calc(100% - 30px); height: 34px; padding: 0 15px; position: fixed; z-index: 100; top: 0; left: 0; background-color: #022351;}
.time-box-flex{ display: flex; justify-items: left; margin-top: 10px; align-items: center;}
.time-box-flex>div{ margin: 0; margin-right: 5px;}
.time-box-flex>div img{ float: left; margin-right: 5px;}
.time-box-flex>div span{ float: left; color: #bfbfbf; font-size: 12px;}
.time-box-flex>div span:last-child{ margin-left: 2px;}

.cfd-header{ position: fixed; width: calc(100% - 30px); z-index: 99; padding: 10px 15px; top: 0px; left: 0; background: #ffffff; box-shadow: 0px 1px 14px #cdcdcd;}
.logo{ display: inline-block; height: 60px;}
.logo img{ display: block; height: 54px;}
.top-nav a{ display: inline-block; font-size: 24px; height: 33px; padding: 0 12px 0 10px; position: relative;}
.top-nav a:after{ position: absolute; right: 0; content: ''; width: 1px; height: 70%; top: 15%; background: #333333;}
.top-nav a:last-child:after{ display: none;}
.a-active,.top-nav a:hover{ color: #002352;}
.search img{ display: inline-block; height: 30px; float: left; margin-top: 7px;}

.cfd-footer{ width: 100%; padding: 30px 0; background: #073270;}
.cfd-footer a{ display: inline-block;}
.cfd-footer a:hover{ text-decoration: underline;}
.cfd-footer *{ color: #fff;}
.footer-left{ width: 100%; margin-left: 0;}
.footer-right{ display:none; width: 35%; max-width: 350px; margin-right: 0; margin-left: 30px;}
.footer-right div{ padding: 2px 0;}
.footer-right img{ display: inline-block; width: 15px;}
.cfd-footer .cfd-flex{ align-items: initial;}
.icps{ padding: 15px; background: #002352; color: #fff; font-size: 12px;}

/*.home-icon{ background-repeat: no-repeat; background}*/


.cfd-full-content{ width: 100%; margin-top: 116px;}
.cfd-content{ max-width: 1440px; padding: 0 15px;}

.about-us-content{ max-width: 1024px; font-size: 18px; margin-top: 70px; margin-bottom: 70px; line-height: 40px;}
.about-us-content p{ font-size: 18px;}

.cfd-title-bg{ padding: 70px 15px; color: #fff; font-size: 35px; font-weight: bold; text-align: center; background-repeat: no-repeat; background-size: 100% 100%;}
.about-bg{ background-image: url("../images/aboutus.jpg");}
.contact-bg{ background-image: url("../images/contactus.jpg");}

.new-contact{ align-items: initial; margin: 40px 0;}
.new-contact>div{ box-shadow:0 4px 13px #c3c3c3; padding: 60px 30px;}
.contact-left{ width: 50%; line-height: 30px; margin: 50px 0;}
.contact-left table{ margin-top: 20px; width: 100%;}
.contact-left td{ padding: 5px;}
.contact-left input, .contact-left textarea{ width: 100%; border: 1px solid rgb(118, 118, 118); height: 46px; padding: 0 10px;}
.contact-left input{ width: calc(100% - 20px);}
.contact-left textarea{ height: 130px; width: calc(100% - 20px); padding: 10px;}
.contact-left-btn{ width: initial!important; float: left; border: 1px solid #0068bb; color: #fff; background-color: #0068bb; padding: 10px 40px!important; cursor: pointer; display: inline-block;}

.contact-right{ width: 50%; line-height: 24px; margin: 50px 0; background: #e2ecf3;}
.contact-right a{ display: inline-block; margin-right: 30px;}
.contact-right-nav{ margin-top: 35px;}
.c-u-title,.c-u-title-s,.contact-right-addr{ color: #0068bb; font-weight: bold; font-size: 36px; margin-bottom: 20px;}
.c-u-title-s{ color: #000; font-size: 21px;}
.contact-right-addr{ width: 100%; margin-top: 30px; color: #000; font-size: 21px;}
.c-u-title-sub{ padding-bottom: 40px; border-bottom: 1px solid #c5c5c5;}
.mail{ font-size: 18px;}
.tel{ font-size: 20px;}
.nav-items{ margin-top: 10px;}
.nav-items span{ font-weight: bold; margin-right: 5px; margin-left: 5px;}
.nav-items a{ color: #0068bb;}


.product-content{ margin-top: 50px; margin-bottom: 50px;}
.product-table{ width: 100%;}
.product-table td{ font-size: 12px; padding: 10px;}
.product-table tr:nth-child(2n) td{ background: #F9F9F9;}
.product-table-bg td{ background: burlywood!important; color: #fff; font-size: 14px; font-weight: bold;}
.border-right{ border-right: 1px solid #fff;}
.border-bottom{ border-bottom: 1px solid #fff;}
.border-top{ border-top: 1px solid #fff;}
.overflow-auto{ overflow: auto;}

.mobile-menu-box{ position: fixed; width: 80%; height: 100%; z-index: 999; right: -80%; top: 0; background: #042350; transition: all .3s;}
.mobile-menu-box a{ font-size: 18px; margin: 15px 15px 15px 30px; display: block; color: #fff;}
.close-nav{ display: inline-block!important; margin-top: 60px!important;}
.login-mobile img{ height: 30px;}

.home-1{ margin-top: 50px; margin-bottom: 50px;}
.home-1>div{ padding: 15px; padding-left: 0;}
.home-3>div:last-child{ padding: 15px 30px; padding-right: 0;}
.home-1 img{ display: inline-block; width: 100%;}
.home-1 p{ font-size: 18px; margin: 20px 0; line-height: 26px;}

.get-upload{ width: 70%; font-weight: bold; font-size: 18px; margin-top: 20px; box-shadow: 0 4px 4px #c7c7c7; padding: 10px 0; display: inline-block; background: red; color: #fff;}
.get-upload.green{ background: green; color: #fff; max-width: 300px;}

.home-2-title{ font-size: 26px; font-weight: bold; text-align: center;}
.home-2-box{ align-items: initial; margin-top: 30px;}
.home-2-box>div{ width: calc(100% / 3); margin-right: 60px; padding-bottom: 20px; text-align: center;}
.home-2-box>div:last-child{ margin-right: 0;}
.home-2-box img{ display: inline-block; width: auto;}
.home-2-box p{ font-size: 14px; text-align: left;}

.home-2-box-why{ max-width: 1000px; align-items: center;}
.home-2-box-why>div{ width: auto; margin-right: 0!important;}
.home-2-box-why>div>img:last-child{ margin-top: 60px;}
.home-2-box-why>div>img:first-child{ margin-top: 20px;}

.home-2-s-title{ padding: 15px 0; background: #2196f3; color: #fff; text-align: center; font-weight: bold; font-size: 20px;}
.yuandian{ position: relative; padding-left: 15px; margin-bottom: 10px;}
.yuandian:before{ content: ''; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; display: inline-block; border-radius: 100%; clear: both; background: #000000;}
.home-3 .yuandian:before{ top: 10px;}
.home-2-p{background-color: #ededed; padding: 50px 0;}
.home-p-t-116 {padding-top: 116px;}
.platform-box img{ max-width: 700px;}
.support_box {padding-top: 40px;}
.support_box img { width: 30px; height: 30px; }
.p-15{ padding: 15px;}
.home-1 .home-tab-1{ font-size: 27px; line-height: 40px;}
.footer-left {font-size: 12px;}
.footer-left p{ font-size: 12px; margin-bottom: 4px; margin-top: 10px;}

.home-new-title{ width: 100%; border-bottom: 1px solid #bf1e2e;}
.home-new-title span{ color: #033172; font-size: 24px;}
.home-new-title span:last-child{ color: #858585; font-size: 16px;}
.home-new-title img{ display: inline-block; width: auto; max-height: 30px; float: left; margin-right: 10px;}

.cpjs_new{ display: flex; margin-top: 20px;}
.cpjs_new>div{ width: 50%; padding: 30px 0;}
.cpjs_new>div:first-child{ padding-right: 50px; border-right: 2px solid #dedede;}
.cpjs_new>div:last-child{ padding-left: 50px;}
.cpjs_new_title{ font-size: 18px;}
.cpjs_new_title>img{ display: inline-block; width: auto; float: left; margin-right: 10px; margin-top: 2px;}
.cpjs_new_content{ padding-left: 30px; margin-top: 15px; font-size: 14px; color: #737373; margin-bottom: 50px;}
.cpjs_new_content:last-child{ margin-bottom: 0;}

.cpjs_new_table{ width: 100%; display: flex; justify-content: left; justify-items: left;}
.cpjs_new_table>div{ margin: 0; width: 50%; font-size: 14px; color: #737373;}
.product-p {padding-bottom: 40px !important; padding-top: 60px !important;}
.form-box {padding:0 !important; display: flex; flex-direction: column; padding-left: 20px;}
.form-box .form-item {width: 70%; max-width: 450px;}
.form-box .form-item h4 {font-size: 20px; width: 100%; font-weight: normal; margin-bottom: 2px; color: #3f3e3e;}
.form-box .form-item input, .form-box .form-item textarea {font-size: 16px; width: 100%; padding: 14px 10px; border:1px solid #073270; border-radius: 4px; color: #3f3e3e;box-sizing: border-box; }
.form-box .form-item .rd-text-input-error {border-color: red;}
.form-box .form-item .rd-errorMsg {color: red; font-size: 12px; visibility: hidden;}
.form-box .form-item h4 span {position: relative;}
.form-box .form-item h4 span::after {content: '*'; position: absolute; top: 0px; right: -12px; font-size: 16px; color: red;}
.form-box .form-item .phone-box {display: flex;}
.form-box .form-item #verifyCode {width: 100px;margin-right: 10px; border: 1px solid #073270; border-radius: 4px; text-align: center; flex-shrink: 0;}
.form-box .form-item .phone { flex: 1; }
.form-box #submit_button {cursor: pointer; display: inline-block; text-align: center; font-size: 20px; padding: 10px 40px; background-color: #073270; color: #fff;margin: auto; border-radius: 4px;}

@media (max-width: 1024px) {
    .cfd-content{ width: calc(100% - 30px); padding: 0 15px;}
    .cfd-header .cfd-content, .time-box .cfd-content{ padding: 0; width: 100%;}
    .product-content{ min-width: 1100px;}
    .home-1 .home-tab-1{ font-size: 18px; line-height: 30px;}
}

@media (max-width: 900px) {
    .top-nav a{ font-size: 20px; line-height: 33px;}
    .home-1 .home-tab-1{ line-height: 26px;}
}

.mobile-menu{ display: none; text-align: right;}
@media (max-width: 768px) {
    .cfd-footer .cfd-flex{ flex-flow: wrap; text-align: center;}
    .cfd-footer .text-right{ margin-top: 15px; text-align: center;}

    .contact-box,.new-contact,.platform-box,.home-1,.home-2-box{ flex-flow: wrap;}
    .contact-left,.contact-right{ width: 100%;}
    .new-contact>div{ margin: 0;}
    .top-nav{ display: none;}
    .mobile-menu{ display: block;}
    .mobile-menu-box.menu-active{ right: 0;}
    .footer-left,.footer-right{ width: 100%; text-align: left; margin-left: 15px; margin-right: 15px;}
    .home-1>div{ padding: 0;}
    .footer-left{ margin-bottom: 30px;}
    .platform-box{flex-direction: column-reverse;}
    .platform-box>div{ padding: 0; text-align: center;}
    .platform-box img{ max-width: 350px;}
    .home-2-box>div{ width: 100%; margin-right: 0; margin-bottom: 20px;}

    .home-2-box-why{ flex-wrap: initial;}
    .home-2-box-why>div{ width: auto;}
    .home-2-box-why>div>img{ max-width: 100%; margin-top: 0;}
    .home-2-box-why>div>img:last-child{ margin-top: 20px;}
    .home-2-box-why>div>img:first-child{ margin-top: 0px;}

    .support_box{ padding-left: 0!important;}
    .support_box>div{ margin-left: 0!important;}
    .support_box br{ display: none;}
    .support_box *{ font-size: 14px!important;}
    .support_box img{ height: 24px; width: 24px;}

    .logo img{ height: 40px;}
    .time-box{ width: 100%;}
    .form-box {margin-top: 30px;}
}

@media (max-width: 767px) {
    .top-nav a{ font-size: 16px; line-height: 30px; height: 30px;}

    .cpjs_new{ flex-flow: wrap;}
    .cpjs_new>div{ width: 100%; padding: 30px 0;}
    .cpjs_new>div:first-child{ padding-right: 0; border-right: 0;}
    .cpjs_new>div:last-child{ padding-left: 0; padding-top: 5px}
    .home-new-title{ padding-bottom: 6px!important;}
    .home-new-title span{ font-size: 22px;}
    .home-new-title span:last-child{ font-size: 12px;}
    .home-new-title img{ max-height: 26px; margin-right: 5px;}
    .footer-left,.footer-right{ margin-left: 0; margin-right: 0;}
}

@media (max-width: 500px) {
    .cfd-header{ top: 0px;}
    .logo{ height: 50px;}
    .time-box{ height: 40px;}
    .time-box-flex{ margin-top: 5px;}
    .time-box img{ height: 12px; margin-top: 2px;}
    .form-box .form-item {width: 90%;}
}

.policy-box {
    margin-top: 20px;
}
.policy-box a {
    text-decoration: underline;   
    font-size: 12px;
}