*{ padding: 0px; margin: 0px;}
body{ background: #F7F9FC;}
a{ text-decoration: none;}
.w1400{ width: 1400px; margin: 0px auto;}
.flex{ display: flex;}

.header{ position: relative; width: 100%; min-width: 1400px; height: 80px; background: #FFFFFF;}
.header .flex{ justify-content: space-between; height: 80px;}
.header .flex .logo{ height: 74px; margin: 3px 0px;}
.header .flex .nav .nav-item{ cursor: pointer; line-height: 80px; margin: 0px 30px; font-size: 16px; color: #141414;}
.header .flex .nav .active{ color: #3267FF;}
.header .flex .nav .nav-item .iconfont{ display: inline-block; transition: all .3s;}
.header .flex .nav .nav-item .iconfont.rotate{ transform: rotate(180deg);}
.header .subNav{ box-shadow: 0px 23px 29px 0px rgba(97,107,126,0.14); position: absolute; z-index: 100; width: 100%; min-width: 1400px; height: 0px; transition: height ease .5s; background: url('../img/subNavBg.png') no-repeat; background-position: top center; overflow: hidden;}
.header .subNav .title{ font-size: 24px; line-height: 45px; text-align: left; margin-bottom: 30px;}
.header .subNav .flex{ height: 1044px;}
.header .subNav .info{ width: 192px; padding: 50px 74px 50px 66px;}
.header .subNav .info .txt{ line-height: 35px; font-size: 16px; color: #5A5A5A;}
.header .subNav .main{ width: 948px; padding: 15px 60px 50px;}
.header .subNav .main .title{ margin-top: 35px; position: relative;}
.header .subNav .main .title span{ padding-right: 15px; background: #F7F9FC;}
.header .subNav .main .title::after{ position: absolute; z-index: -1; top: 50%; content: ''; display: block; height: 1px; width: 100%; background: #DDE5FC;}
.header .subNav .main .flex{ height: auto;}
.header .subNav .main .flex .item{ width: 403px; display: inline-block;}
.header .subNav .main p{ margin-bottom: 27px; font-size: 20px; color: rgba(50,103,255, 50%); line-height: 22px;}
.header .subNav .main a{ cursor: pointer; margin-bottom: 20px; display: block; font-weight: 600; font-size: 16px; color: #141414; line-height: 22px;}
.header .subNav .main a:hover{ color:rgb(50,103,255)}
.header .subNav .main a span{ color: #7F848B; font-weight: normal;}

.infor{ background: #FFFFFF;}
.infor .w1400.flex{ justify-content: space-between;}
.infor .item.flex{ margin: 57px 0px; width: 260px; align-items: flex-start;}
.infor .item.flex .txt{ margin-left: 20px;}
.infor .item.flex .title{ text-align: left; font-size: 21px; line-height: 29px; margin-bottom: 15px;}
.infor .item.flex p{ color: #7F848B; font-size: 16px; line-height: 22px;}

.case{ background: url('../img/caseBg.png') no-repeat; background-position: top center; height: 990px; padding: 60px 0px 120px;}
.case .title{ color: #FFFFFF;}
.case .case-num{ width: 1210px; height: 230px; margin: 130px 75px 80px 90px; justify-content: space-around;}
.case .case-num .item{ text-align: center; padding: 50px 0px;}
.case .case-num .item b{ color: #FFFFFF; font-size: 71px; line-height: 99px; display: block;}
.case .case-num .item p{ color: #80AAD9; height: 29px; line-height: 29px; font-size: 21px;}
.case img{ margin: 60px 0px; width: 1400px; height: 312px;}

.contactUs{ background: url('../img/contactUsBg.png') no-repeat; background-position: top center; height: 442px;}
.contactUs .title{ margin: 40px 0px 35px;}
.contactUs .left{ font-size: 0px; width: 944px; text-align: center;}
.contactUs .left .form-item{ display: inline-block; width: 326px; margin-bottom: 25px;}
.contactUs .left .form-item + .form-item{ margin-left: 12px;}
.contactUs .left .error{ text-align: left; font-size: 14px; height: 20px; line-height: 20px; color: #FF0000;}
.contactUs .left input{ outline: none; width: 274px; height: 28px; background: #FFFFFF; border-radius: 8px; border: 1px solid rgba(20,20,20,0.5); font-size: 21px; color: #8B8B8B; padding: 14px 25px;}
.contactUs .left button{ cursor: pointer; width: 664px; height: 58px; line-height: 58px; text-align: center; background: #3267FF; border: none; border-radius: 8px; font-size: 21px; color: #FFFFFF; margin-bottom: 40px;}
.contactUs .left .other{ color: #3267FF; font-size: 44px; font-weight: 600;}
.contactUs .left .other .iconfont{ font-size: 40px; vertical-align: middle; margin-right: 5px;}
.contactUs .right{ width: 636px; text-align: center;}
.contactUs .right img{ width: 200px; height: 200px;}
.contactUs .right p{ margin-top: 12px; color: #141414; font-size: 21px;}

.footer{ width: 100%; min-width: 1400px; height: 340px; background: #141414;}
.footer .top{ justify-content: space-between; height: 245px;}
.footer .top .logo{ width: 374px; margin-top: 60px;}
.footer .top .link{ width: 550px; margin: 60px 50px 0px;}
.footer .top .link .link-item{ float: left; margin: 0px 35px;}
.footer .top .link .link-item .link-title{ text-align: left; margin-bottom: 20px; color: #FFFFFF; display: block;}
.footer .top .link .link-item:nth-child(3) .link-title{ cursor: pointer;}
.footer .top .link .link-item a,
.footer .top .link .link-item p{ line-height: 35px; display: block; color: #5A5A5A;}
.footer .top .weChart{ display: flex; justify-content: space-between; width: 326px; margin-top: 50px;}
.footer .top .weChart .weChart-title{ text-align: center; margin-bottom: 20px; color: #FFFFFF; display: block;}
.footer .top .weChart .weChart-img{ width: 138px; height: 138px;}
.footer .bottom{ height: 29px; line-height: 29px; padding: 33px 0px; font-size: 20px; text-align: center; color: #5A5A5A;}

.goTop{ cursor: pointer; text-align: center; position: fixed; z-index: 1000; bottom: 50%; right: 0px; width: 30px; height: 70px; border-radius: 5px; background: #FFFFFF; padding: 15px; box-shadow: 0px 5px 5px 0px rgba(97,107,126,0.14);}
.goTop img{ width: 30px; height: 30px;}
.goTop p{ color: #505050; font-size: 14px;}