@charset "utf-8";

/* frame */
a { transition:all 0.5s;}
body{min-width: 1400px;font-weight:400;background: #ecf4ff;}
.clear{clear: both;}
#content{zoom: 1;width: 100%;}
.row{width: 1400px; margin: auto; position: relative;}
.row:after { content:""; clear:both; display:block; overflow:hidden;}


#header { display: none;}
#headerChannel{ position:relative; width:100%; height: 680px; background:url(../img/bg-banner.jpg) repeat-x center top; background-size: cover; }
#headerChannel .logo{display:block;width:300px;height:50px;float: left;overflow:visible;margin: 41px 0 100px;}
#headerChannel .logo img { height:100%; width:auto;}
#headerChannel .links {height: 36px;position: absolute;top: 48px;right: 0;}
#headerChannel .links a { height:34px;background: none; border: 1px solid #fff; border-radius: 18px;line-height: 34px;text-align: center;color: #fff;font-size: 16px; float:left; padding:0 1.5em;margin-left:10px;}
#headerChannel .links a:hover {background: linear-gradient(180deg, #FFFFFF 0%, #EEFCFF 100%); color: #1067DB;}

#headerChannel .con { position: absolute; left: 0; right: 0; top: 211px; line-height: 1.3; color: #fff; text-align: center; }
#headerChannel .con h1 { font-size: 92px; font-weight: bold; }
#headerChannel .con h3 { margin-top: 14px; font-size: 18px; }

.rowCon { margin-top: -80px; display: flex; align-items: center; gap: 45px; padding: 50px 45px; border-radius: 12px; font-weight: normal; box-shadow: 0px 0px 10px 0px rgba(40, 76, 191, 0.1); background: linear-gradient(180deg, #FFFFFF 0%, #ECF4FF 100%); }
.rowCon .intro { flex: 1 0 0%; text-align: justify; font-size: 20px; text-indent: 2em; line-height: 38px;  }
.rowCon .intro p { margin-bottom: 1em; }
.rowCon .intro p:last-of-type { margin-bottom: 0; }
.rowCon .pic { width: 480px; height: 258px; }
.rowCon .pic::before { display: block; content: ''; width: 100%; height: 100%; background: url(../img/pic-01.png) no-repeat center center; background-size: contain; }

.rowCon { transition: all ease 0.5s; }
.rowCon:hover { transform: translateY(-10px); }

.featuresList { padding: 50px 0; }
.featuresList li { position: relative; margin-top: 90px; }
.featuresList li:first-of-type { margin-top: 40px; }
.featuresList .con { position: relative; padding: 0 70px 50px; border-radius: 12px; box-shadow: 0px 0px 10px 0px rgba(40, 76, 191, 0.1); background: linear-gradient(180deg, #FFFFFF 0%, #ECF4FF 100%); }
.featuresList .con::before { display: table; content: ''; clear: both; }
.featuresList .title { margin: -40px auto 57px; width: 400px; }
.featuresList .title span { display: block; line-height: 80px; text-align: center; color: #fff; background: linear-gradient(239.26deg, #8D9DFE 19.16%, #5CA7F3 87.44%); font-size: 32px; border-radius: 500px; }
.featuresList .title span::before { display: inline-block; vertical-align: top; width: 50px; height: 50px; margin: 15px 5px 0 0; content: ''; background: url(../img/icons.png) no-repeat 0 0; background-size: auto 100%; }
.featuresList .intro { position: relative; font-size: 16px; color: #333; line-height: 32px; text-align: justify; }
.featuresList .intro p { position: relative; padding-left: 20px; margin-bottom: 1.1em; }
.featuresList .intro p:last-of-type { margin-bottom: 0; }
.featuresList .intro p::before { position: absolute; left: 0; top: 14px; content: ''; width: 6px; height: 6px; background: #3E4EA3; transform: rotate(-45deg); }

.featuresList .li2 .title span::before { background-position: -50px 0; }
.featuresList .li3 .title span::before { background-position: -100px 0; }
.featuresList .li4 .title span::before { background-position: -150px 0; }
.featuresList .li5 .title span::before { background-position: -200px 0; }

.featuresList .con,
.featuresList .title span,
.featuresList .intro { transition: all ease 0.5s; }

.featuresList li:hover .title span { animation: tada 1.2s ease 1; }
.featuresList li:hover .con { transform: translateY(-15px); }


/* 底部通用 */
#technicalSupport { background: #fff; padding-bottom: 0; }
#technicalSupport .rowTi h2 { color: #1C45AE; }
.techSupportList li a { border: 1px solid #ededed; border-radius: 500px; transition: none; }
.techSupportList li a:hover { background: linear-gradient(239.26deg, #8D9DFE 19.16%, #5CA7F3 87.44%); color: #fff; }
.lxss a,
.lxss a.sq { text-indent: 0; text-align: center; background: linear-gradient(239.26deg, #8D9DFE 19.16%, #5CA7F3 87.44%); }
.lxss a::before,
.lxss a.sq::before { display: inline-block; vertical-align: top; height: 60px; content: ''; width: 37px; background: url(../../products/img/lx-icon.png) no-repeat center center; margin-right: 14px; }
.lxss a.sq::before { width: 32px; background-image: url(../../products/img/tymk-icon.png); background-size: 32px auto; }

@keyframes title {
    0% {
        transform: scale(3);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}