﻿@charset "utf-8";
.mask { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.6); filter: alpha(opacity=60); z-index: 999; }
.banner { height: 758px; background: url(../images/new_banner.png) center 96px no-repeat; }
/*公共头部开始*/
.header { height: 96px;}
.header .logo { float: left; margin-top: 10px; margin-left:50px; width: 330px; height: 74px; }
.header .logo a { width: 100%; height: 100%; background: url(../images/logo2.png) no-repeat center; background-size: 330px 74px; }
.header .logo:hover { cursor: pointer; }
.header .navBar { float: right; }
.header .downloadApp { display: none; position: fixed; left: 28%; top: 0; width: 800px; height: 810px; z-index: 1000; }
.header .downloadApp .close { padding-left: 98%; margin-bottom: 28px; }
.header .downloadApp .close .close-line { height: 210px; width: 1px; background: #fff; }
.header .downloadApp .close .close-btn { border: 1px solid #fff; width: 44px; height: 44px; border-radius: 50%; text-align: center; line-height: 44px; margin-left: -22px; }
.header .downloadApp .cot { width: 736px; height: 470px; padding: 30px 0 0 64px; background: #e3e3e3; border-radius: 6px; }
.header .downloadApp .cot .phoneBg { float: left; width: 238px; height: 410px; background: #fff; border-radius: 18px; padding: 30px 0 0 20px; }
.header .downloadApp .cot .phoneBg .phoneImg { width: 218px; height: 370px; background: url(../images/phoneImg.png) no-repeat center; }
.header .downloadApp .cot .QR { width: 476px; float: left; }
.header .downloadApp .cot .QR .QR-title { text-align: center; font-size: 32px; color: #333333; margin-bottom: 30px; }
.header .downloadApp .cot .QR .QRbg { width: 230px; height: 230px; background: #fff; border-radius: 10px; margin: 0 auto; margin-bottom: 10px; box-shadow: 0 0 2px 2px #E0E0E0; }
.header .downloadApp .cot .QR .QR-txt { text-align: center; color: #333; }
.header .list a { color: #808080; }
.header .list .item { float: left; width:80px; text-align:center; font-size: 18px; line-height: 92px; color: #fff; margin-right: 35px; cursor: pointer; }
.header .list .item.on{ color: #4783f7; border-color: #4783f7; border-bottom: 4px solid #4783f7; }
.banner .header .list .item a:hover { color: #4783f7; border-color: #4783f7; border-bottom: 4px solid #4783f7; }
.header .list .item:last-child { margin-right: 0; }
.QRimg { width: 230px; height: 230px; background: url(../images/downloadCode.png) no-repeat center; background-size: contain; }
/*公共头部结束*/

/*首页中间开始*/
.txt { padding-top: 180px; color: #fff; text-align: center; }
.txt .title { font-size: 64px; font-weight: bold; }
.txt .line { width: 320px; height: 6px; background: #fff; margin: 0 auto; margin-top: 10px; }
.txt .seeBtn { width: 236px; height: 56px; line-height: 56px; font-size: 24px; border: 2px solid #fff; border-radius: 30px; margin: 0 auto; margin-top: 106px; cursor: pointer; }
.txt .seeBtn a { display: block; color: #fff; }
.info { padding: 50px 0 140px; text-align: center; }
.info-title { font-size: 30px; font-weight: bold; color: #4681ed; }
.info-line { width: 90px; height: 6px; background: #4681ed; margin: 0 auto; margin-top: 22px; }
.panel { margin-top: 54px; }
.panel .panel-list .panel-item { width: 32%; float: left; }
.panel .p1 { color: #333; font-size: 24px; font-weight: bold; margin: 26px 0 18px; }
.panel .p2, .panel .p3 { color: #7c7c7c; font-weight:600; line-height: 24px; }
.panel .icon01, .panel .icon02, .panel .icon03 { width: 154px; height: 154px; margin: 0 auto; }
.panel .icon01 { background: url(../images/icon01.png) no-repeat center; }
.panel .icon02 { background: url(../images/icon02.png) no-repeat center; }
.panel .icon03 { background: url(../images/icon03.png) no-repeat center; }
.infoSec-title { margin-top: 126px; font-size: 30px; font-weight: bold; color: #47a5ff; }
.infoSec-line { width: 90px; height: 6px; background: #47a5ff; margin: 0 auto; margin-top: 22px; }
.panelSec { margin-top: 54px; }
.panelSec .panelSec-list .panelSec-item { padding-top: 28px; width: 266px; height: 181px; float: left; border:1px solid #d2d2d2; margin-left:40px; margin-right: 65px; overflow:hidden;box-sizing:border-box; }
.panelSec .panelSec-list .panelSec-item:last-child { margin-right: 0; }
.panelSec .p1 { width:231px; margin:auto; margin-bottom:34px; color: #3e3e3e; font-size: 22px; font-weight: bold; }
.panelSec .p2 { width:231px; margin:auto; text-align: left; color: #848484; line-height: 24px; }
/*首页中间结束*/

/*首页底部开始*/
.footer { height: 96px; background: #2E3345; font-size: 18px; color: #fff; text-align: center; }
.footer .footer-p1 { height: 96px; line-height: 96px; }
/*首页底部结束*/

/*关于我们开始*/
.about-us-bg { height: 436px; background: #ff534c; }
.about-us-bg .header .list .item a:hover { color: #4783f7; border-color: #4783f7; border-bottom: 4px solid #4783f7; }
.about-us-bg .about-txt { padding-top: 90px; font-size: 58px; color: #fff; text-align: center; font-weight: bold; }
.about-us-bg .about-txt .about-txt-p1 { line-height: 100px; }
.about-us-content .company { padding-top: 52px; }
.about-us-content .company .chunk { float: left; width: 10px; height: 60px; background: #ff534c; margin-right: 14px; }
.about-us-content .company .company-title { float: left; color: #000; }
.about-us-content .company .company-p1 { font-size: 32px; line-height: 40px; }
.about-us-content .company-txt { padding-top: 52px; font-size: 20px; color: #333333; }
.about-us-content .company-txt p { text-indent: 32px; line-height: 28px; }
.about-us-content .company-txt .risk-title { font-size: 22px; color: #5a5a5a; }
.about-us-content .company-txt-p1 .round { vertical-align: middle; margin-right: 14px; display: inline-block; width: 8px; height: 8px; background: #ff534c; border-radius: 50%; }
.about-us-content .company-txt-p1:last-child { }
.about-us-footer { height: 396px; padding: 66px 0 0 40px; background: #3f3f3f; }
.about-us-footer .about-us-footer-map { float: left; height: 322px; width: 476px; background: url("../images/map.png") no-repeat center; border-radius: 8px; }
.about-us-footer .about-us-footer-txt { float: left; color: #fff; padding: 36px 0 0 36px; }
.about-us-footer .about-us-footer-txt .about-us-footer-p1 { font-size: 34px; margin-bottom: 52px; }
.about-us-footer .about-us-footer-txt .about-us-footer-p2 { font-size: 18px; line-height: 44px; }
/*关于我们结束*/
