@charset "utf-8";

/*
@名称: base
@功能: 重设浏览器默认样式
*/

/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

html,
body {
    color: black;
    width: 100%;
    height: 100%;
    font-family: "SourceHanSansSC-regular";
}

/* 内外边距通常让各个浏览器样式的表现位置不同 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

/* 要注意表单元素并不继承父级 font 的问题 */

body,
button,
input,
select,
textarea {
    font: 20px;
}

input,
select,
textarea {
    font-size: 100%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #ccc;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c;
}

/* 去掉各Table cell 的边距并让其边重合 */

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

/* IE bug fixed: th 不继承 text-align*/

th {
    text-align: inherit;
}

/* 去除默认边框 */

fieldset,
img {
    border: none;
}

/* ie6 7 8(q) bug 显示为行内表现 */

iframe {
    display: block;
}

/* 去掉 firefox 下此元素的边框 */

abbr,
acronym {
    border: none;
    font-variant: normal;
}

/* 一致的 del 样式 */

del {
    text-decoration: line-through;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: 500;
}

/* 去掉列表前的标识, li 会继承 */

ol,
ul {
    list-style: none;
}

/* 对齐是排版最重要的因素, 别让什么都居中 */

caption,
th {
    text-align: left;
}

/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 500;
}

q:before,
q:after {
    content: '';
}

/* 统一上标和下标 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* 让链接在 hover 状态下显示下划线 */

a:hover {
    text-decoration: none;
}

/* 默认不显示下划线，保持页面简洁 */

ins,
a {
    text-decoration: none;
    color: #005BAC;
}

/* IE6,7焦点点状线去除 */

a:focus,
*:focus {
    outline: none;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #7463f8;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #7463f8;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #7463f8;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #7463f8;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"],
input[type="text"],
input[type="search"] {
    -moz-appearance: textfield;
}

/* 清除浮动 */

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
    /* for IE6 IE7 */
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    height: 0;
    line-height: 0;
    font-size: 0;
}

/* 设置显示和隐藏, 通常用来与 JS 配合 */

.hide {
    display: none !important;
    visibility: hidden;
}

.block {
    display: block !important;
}

/* 设置内联, 减少浮动带来的bug */

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.plateCenter {
    width: 1290px;
    margin: 0 auto;
}

@media screen and (min-width: 1440px) {
    .plateCenter {
        width: 1683px;
        margin: 0 auto;
    }

    #modal,
    #customerModal,
    #successModal,
    #customerSuccessModal {
        width: 900px !important;
        left: calc(50% - 450px) !important;
    }

    .serviceFormContent {
        padding: 25px 50px 39px 50px !important;
    }
}

@media screen and (orientation: portrait) {
    /*手机竖屏*/
    .plateCenter {
        width: 100%;
    }

    .projectType > a > img {
        width: 290px !important;
    }

    .projectType {
        width: 290px !important;
        margin-right: 30px !important;
    }

    .partnerLogo > img {
        margin-right: 26px !important;
    }

    .partnerLogoSecond > img {
        margin-right: 34px !important;
    }

    .partnerLogoThird > img {
        margin-right: 60px !important;
    }
}

.headerTop {
    position: relative;
    height: 81px;
}

.logo {
    width: 149px;
    height: 149px;
    z-index: 1;
    position: absolute;
    /*margin-left: 107px;*/
}

.navBar {
    line-height: 34px;
}

.navBar li {
    float: left;
    margin-left: 90px;
    margin-top: 27px;
}

.navBar li a {
    color: #101010;
    font-size: 22px;
    letter-spacing: 4px;
}

.navBar li:last-child {
    margin-right: 65px;
}

.navBar .homeSelect {
    color: #005BAC !important;
    font-size: 30px;
    font-weight: bold;
}

/*end*/

/*分页*/

.paginationIcon {
    text-align: center;
    margin: 100px 0;
}

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
    text-align: center;
}

ul.pagination li {
    display: inline;
}

ul.pagination li a {
    color: black;
    float: left;
    padding: 10px 20px;
    text-decoration: none;
    margin: 0 4px;
    border-radius: 2px;
    background: #F0F2F5;
    font-size: 14px;
    color: #C0C4CC;
}

ul.pagination li a.active {
    border-radius: 2px;
    background: #005BAC;
    color: #fff;
}

/*客服电话*/

.customerService,
.resume {
    background: #005BAC;
    width: 116px;
    height: 118px;
    position: fixed;
    right: 5px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    top: 500px;
    cursor: pointer;
}

.customerService {
    bottom: 0;
    z-index: 9;
}

.namespace {
    margin-left: 20px;
}

.resume > p {
    line-height: 27px;
}

.resume > p:first-child {
    margin-top: 32px;
}

.customerIcon {
    margin-top: 4px;
    margin-bottom: 4px;
}

.customerService > p {
    line-height: 20px;
}

/*弹框*/

#cover,
#customerCover,
#successCover,
#customerSuccessCover {
    position: fixed;
    left: 0px;
    top: 0px;
    background: rgba(16, 16, 16, 0.92);
    width: 100%;
    /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height: 100%;
    filter: alpha(opacity=60);
    /*设置透明度为60%*/
    /*非IE浏览器下设置透明度为60%*/
    display: none;
    z-Index: 999;
}

#modal,
#customerModal,
#successModal,
#customerSuccessModal {
    position: absolute;
    width: 840px;
    top: 18%;
    left: calc(50% - 420px);
    background-color: #fff;
    display: none;
    /*cursor: pointer;*/
    z-Index: 9999;
}

/**/

.projectConsult {
    height: 51px;
    line-height: 51px;
    background: #005BAC;
    color: #fff;
    text-align: center;
}

.projectConsultTitle {
    display: inline-block;
    letter-spacing: 6px;
    font-weight: bold;
    font-size: 18px;
}

.iconiconclose {
    float: right;
    padding-right: 10px;
}

.attention {
    display: inline-block;
    width: 494px;
    margin-left: 39px;
    text-indent: 34px;
    font-size: 18px;
    letter-spacing: 4px;
    margin-top: 10px;
}

.showConsultant {
    display: flex;
    padding: 38px 49px 13px 49px;
}

.formContent {
    padding: 0px 74px 56px 49px;
    line-height: 44px;
}

.redMark {
    color: #E51C23;
    margin-right: 12px;
    font-weight: bold;
}

.formType {
    display: flex;
    margin-bottom: 16px;
}

.username {
    margin-right: 10px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 2px;
    width: 100px;
}

.leaveMess {
    margin-left: 20px;
}

.usernameInput {
    flex: 1;
    height: 42px;
}

.codeInput {
    flex: 1;
    height: 187px;
    font-size: 18px;
}

.sendCode {
    background: #005BAC;
    height: 44px;
    line-height: 44px;
    padding: 0px 26px;
    color: #fff;
    display: inline-block;
    margin-left: 12px;
}

.submitForm,
.successSubmitForm,
.submitSuccessForm {
    width: 159px;
    height: 44px;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    background-color: rgba(0, 91, 172, 1);
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0);
    cursor: pointer;
}

.getForm,
.submitForm {
    margin-left: 130px !important;
}

.serviceFormContent .window {
    margin-right: 116px;
}

.successSubmitForm {
    margin-right: 64px;
}

.successSubmitForm:first-of-type {
    margin-left: 38px;
}

.successlable {
    margin-right: 0px;
}

/*  成功弹框*/

.successBox {
    text-align: center;
    margin-top: 60px;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: bold;
}

.state,
.stateSuccess {
    color: #E51C23;
}

.personal {
    color: #005BAC;
}

.successMess {
    margin: 14px 0 69px 0;
}

.successPop {
    text-align: center;
    font-weight: bold;
}

.successPop p {
    letter-spacing: 3px;
}

.stateSuccess {
    margin-top: 71px;
    margin-bottom: 16px;
    font-weight: bold;
}

#customerSuccessModal {
    font-size: 18px;
}

.greed {
    line-height: 28px;
}

/*咨询客户*/

.companyName {
    font-weight: bold;
}

.attentionCustomer {
    text-indent: 34px;
    letter-spacing: 4px;
    line-height: 31px;
}

.contactService {
    padding-left: 77px;
    font-size: 16px;
    letter-spacing: 2px;
}

.contactService p {
    font-weight: bold;
    margin-bottom: 21px;
}

.contactService p:last-of-type {
    margin-bottom: 26px;
}

.contactService > p > span {
    font-weight: normal;
}

.serviceFormContent {
    padding: 25px 26px 39px 32px;
}

.codeInputContent {
    height: 177px;
    width: 100%;
    margin-bottom: 27px;
}

.hrEmail {
    color: #005BAC;
    font-weight: bold;
}

/*底部*/

footer {
    height: 104px;
    background: #535252;
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.websiteName {
    padding-top: 30px;
    padding-bottom: 10px;
}