/* --------------- Author: 王祝君 Time：20201021 --------------- */

/* 头部 */
.logo{padding: 20px 30px;}
.l-rig{display: inline-block;padding-left: 30px;margin-left: 30px;border-left: 1px #ddd solid;}

/* 简介 */
.introWrap{height: 380px;overflow: hidden;position: relative;}
.imgBox{position: absolute;left: 50%;margin-left: -960px;z-index: 1;}
.intro{position: absolute;z-index: 99;width: 620px;height: 100%;top: 0;left: 50%;margin-left: -600px;padding: 60px 30px;color: #fff;
    background: linear-gradient(rgba(0,74,209,.6),rgba(64,208,250,.6));
    background: -webkit-linear-gradient(rgba(0,74,209,.6),rgba(64,208,250,.6));
    background: -moz-linear-gradient(rgba(0,74,209,.6),rgba(64,208,250,.6));
    background: -ms-linear-gradient(rgba(0,74,209,.6),rgba(64,208,250,.6));
    background: -o-linear-gradient(rgba(0,74,209,.6),rgba(64,208,250,.6));}
.intro h1{font-size: 26px;font-weight: normal;line-height: 2;}
.intro p{font-size: 16px;line-height: 1.5;}
.intro p.introCont{font-size: 15px;margin-top: 25px;}
.intro p.introCont::after{content: '';display: block;width: 50px;height: 3px;background: #fff;float: right;margin-top: 50px;}


/* 内容区 */
.cont{width: 1200px;margin: 30px auto 60px;}
.tit{font-size: 26px;margin: 55px auto 40px;text-align: center;font-weight: normal;width: 260px;}

/* 优势和特色 */
.advantage{width: 1032px;}
.advantage .tit{background: url(../images/advan.png) no-repeat top 5px left 10px;}
.contCard li{display: inline-block;vertical-align: top;background:#fff;width: 230px;height: 130px;border-radius: 10px;
    color: #777;border: 1px #718dbf solid;margin: 10px 30px 10px 0;}
.contCard li:hover{box-shadow: 0 0 10px rgba(4, 0, 0, .2);}
.contCard li:nth-child(4n){margin:10px 0;}
.contCard li h3{text-align: center;color: #0564a6;font-size: 16px;font-weight: 500;margin: 20px 0;font-weight: 600;}
.contCard li p{width: 74%;margin: 20px auto 0;text-align: center;}

/* 流程和模型 */
.bussiness{background: #e5ebf6;height: 640px;padding: 0;overflow: hidden;}
.tit .supply{font-size: 14px;color: #777;line-height: 3;font-style: italic;}
.bussiness p{font-size: 15px;line-height: 1.8;}
.bussiness img{margin: 40px 0 30px;}
.imgName{font-size: 14px;text-align: center;}

/* 平台主要功能 */
.function{width: 53%;margin: 0 auto 0;}
.function li{padding-left: 8%;border-bottom: 1px #ccc dashed;margin-bottom: 40px;padding-bottom: 20px;}
.function li:last-child{border: none;}
.function h3{font-size: 20px;color: #0564a6;width: 180px;position: relative;margin-top: 30px;}
.function h3 .num{position: absolute;top: -43px;left: -15px;font-size: 56px;color: #e7eaf1;z-index: -1;}
.function p{font-size: 16px;line-height: 1.5;margin-bottom: 5px;background: url(../images/point.png) no-repeat center left;padding-left: 26px;}
.function .explain{color: #777;font-size: 14px;background: none;padding-left: 0;}
.platImg{text-align: center;margin: 40px 0 100px;}
.platImg img{width: 900px;}