@charset "UTF-8";
@font-face{
     font-family: 'DIN-Regular';
     src:url('../font/DIN-Regular.otf')
}
*{padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;}
ul, li{list-style:none}
body{color: #000;font-weight: 400;font-family: 'PingFang SC';background-color: #FAFAFF;}
img{display:block}
a{text-decoration: none;color: #000;cursor: pointer;}
h2,h3,h4{font-weight: normal;}
h2{font-size: 42px;}
h3{font-size: 28px;}
h4{font-size: 20px;}
input{-webkit-appearance: none;outline: none;border:none;width: 80%;font-size: 14px}
input::-webkit-input-placeholder{color: #D5DBE0;font-size: 16px}
article{position: relative;padding-top: 40px;}
header{height: 40px;line-height: 40px;color: #fff;padding:0 20px 0 12px;background-color: #000;position: fixed;top: 0;left: 0;width: 100%;
display: flex;justify-content: space-between;}
header a{color: #fff;margin-left: 20px;font-size: 14px;}
header > img{height: 28px;margin-top: 5px;}
.banner{height: 600px;background: url('../images/banner-top.jpg') center top/cover no-repeat;}
.banner > div{width: 1200px;margin: 0 auto;color: #fff;padding-top: 180px;}
.banner h1{margin-bottom: 60px;font-size: 68px;letter-spacing: 3px;opacity: 0;transform: translateX(20px);transition: all 1.5s;}
.banner h2{letter-spacing: 2px;font-size: 42px;opacity: 0;transform: translate(30px, 10px);transition: all 1s linear .6s;}
.banner > div.show h1, .banner > div.show h2{opacity: 1;transform: translate(0, 0);}

section{width: 1280px;margin: 0 auto;letter-spacing: 1px;}
section h2{line-height: 160px;text-align: center;font-size: 42px;}
section ul{padding: 0 90px;}
section li{margin-bottom: 50px;display: flex;justify-content: space-between;background: url('../images/arrow.jpg') center center/80px no-repeat;line-height: 40px;}
section li div{border: 1px solid #1355FF;border-radius: 16px;padding: 24px 30px 24px 110px;width: 420px;background: url('../images/saasIcon1.png') 24px center/68px no-repeat;}
section li div:last-child{line-height: 32px;padding-top: 32px;}
section li:nth-child(2) div{background-image: url('../images/saasIcon2.png')}
section li:last-child div{background-image: url('../images/saasIcon3.png')}
.reason{color: #fff;background: url('../images/banner.jpg') center center/cover no-repeat;height: 636px;}
.reason dl{display: flex;justify-content: space-around;}
.reason dd{width: 156px;font-size: 18px;}
.reason dd:nth-child(2){width: 172px;}
.reason dd img{margin:0 auto 36px;height: 139px;}
.about-us{padding: 0 50px;}
.about-us img{width: 562px;margin-right: 60px;}
.about-us{display: flex;justify-content: space-between;padding-bottom: 36px;}
.about-us > div p{color: #86909C;margin-top: 32px;font-size: 15px;line-height: 36px;}

footer{background-color: #04045D;color: #fff;}
footer > div{width: 1280px;padding: 20px 50px 0;display: flex;justify-content: space-between;margin: 0 auto;}
footer h4{line-height: 140px;font-size: 54px;}
footer > div img{width: 120px;border-radius: 2px;margin-bottom: 6px;}
footer > div > div{text-align: center;font-size: 14px;letter-spacing: 2px;}
footer p{text-align: center;line-height: 50px;font-size: 14px;}
footer a{color: #fff;}

aside{position: fixed;right: 30px;bottom: 66px;filter: drop-shadow(0px 3px 15px rgba(78, 89, 105, 0.15));z-index: 12;}
aside nav{width: 68px;height: 68px;background: url('../images/contact.png') no-repeat center 12px;background-color: #fff;margin-bottom: 1px;text-align: center;font-size: 12px;color: #737D84;padding-top: 45px;
    position: relative;}
aside nav:first-child{border-radius:8px 8px 0 0;}
aside nav:last-child{margin-bottom: 0;background-image: url('../images/goTop.png');background-position-y: 24px;border-radius:0 0 8px 8px;cursor: pointer;}
aside nav.weixin{background-image: url('../images/weixin.png');}
aside nav:hover{background-color: #EEF6FF;}
/* aside nav:hover > div{display: block;} */
/* aside nav > div{position: absolute;right: 80px;top: 0;color: #737D84;font-size: 12px;display: none;padding-right: 22px;} */
aside nav > div:hover{display: block;}
/* aside nav > div:before{position: absolute;right: 15px;top: 22px;width: 14px;height: 14px;background: #fff;content: '';display: block;transform: rotate(45deg);} */
aside nav .tel-panel{background: #fff;padding: 24px;width: 176px;text-align: left;}
.tel-panel p{font-size: 18px;font-weight: 400;color: #1355FF;margin-bottom: 16px;}
.tel-panel > div{font-size: 14px;font-weight: 400;color: #4E5969;}
.weixin-panel{background: #fff;padding: 12px;font-size: 12px;width: 132px;text-align: center;white-space: nowrap;}
.weixin-panel img{width: 88px;margin: 0 auto;}
/* 联系我们内容展示 */
aside .contact > div{position: absolute;right: 80px;top: 0;color: #737D84;font-size: 12px;display: none;padding-right: 22px;}
aside .contact > div:before{position: absolute;right: 15px;top: 22px;width: 14px;height: 14px;background: #fff;content: '';display: block;transform: rotate(45deg);}
aside .contact:hover > div{display: block;}
/* 微信咨询 */
aside .weixin > div{position: absolute;right: 80px;top: 0;color: #737D84;font-size: 12px;display: none;padding-right: 22px;}
aside .weixin > div:before{position: absolute;right: 15px;top: 22px;width: 14px;height: 14px;background: #fff;content: '';display: block;transform: rotate(45deg);}
aside .weixin:hover > div{display: block;}

.tipBox{position:fixed;top:5%;font-size: 14px;padding:13px;left:0;right: 0;margin: 0 auto;background: url("../images/err.png") no-repeat 12px center;background-color:#fef0f0;max-width: 240px;padding-left: 30px;
    text-align:center;border-radius:4px;transition:all .5s;display:none;opacity:0;z-index: 1000;color: #f56c6c;border: 1px solid #fde2e2;}
.tipBox.success{background-image: url("../images/success.png");background-color: #f0f9eb;color: #67c23a;border-color: #e1f3d8;}
.tipBox.show{opacity: 1;transform: translateY(12px);}
#loading{height:100%;background:url("../images/load.gif") center center/100px no-repeat;
position: fixed;top: 0;left: 0;width: 100%;z-index:1001;display: none;}

@media screen and (min-width: 1920px) {
    .banner{height: 690px;}
    .banner > div{padding-top: 220px;}
    .banner h1{margin-bottom: 68px;font-size: 68px;letter-spacing: 3px;}
}


::-webkit-scrollbar{
    width:8px;
    height: 6px;
    /**/
}
::-webkit-scrollbar-track{
    background: rgba(216,216,216,0.2);
}
::-webkit-scrollbar-thumb{
    background: rgba(200,200,200,1);
    border-radius:10px;
    box-shadow: inset 0 0 3px #dbdbdb;
    -webkit-box-shadow: inset 0 0 3px #dbdbdb;
}
::-webkit-scrollbar-thumb:hover{
    background: #1355FF;
}