/* 导入图标样式表 */
@import url(https://at.alicdn.com/t/c/font_4079630_j6abxqn0uj.css);

body{ -webkit-text-size-adjust: 100% !important;  
    text-size-adjust: 100% !important;  
    -moz-text-size-adjust: 100% !important;  }
    html {
        -webkit-text-size-adjust: none;
    }
body>*{font-family: -apple-system,"Helvetica Neue","Helvetica","Arial","PingFang SC","Hiragino Sans GB","STHeiti","Microsoft YaHei","Microsoft JhengHei",SimSun,sans-serif !important;}
.gjtcptitle { text-align: center; margin: 30px 0px; font-size: 30px; }
    .gjtcptitle h3 { font-size: 28px; font-weight: 400; color: #000; margin-bottom: 8px; }
    .gjtcptitle h4 { font-size: 16px; color: #3d485d; }
    
.chanptitle{ padding: 15px 0px; font-size: 20px; font-weight: bold;}
.saasfuwu{ display: flex;flex-wrap: wrap; width: 1300px; position: relative; margin: 0px auto;}
.saasdiv{ width: 33.33%; padding: 0px 8px; margin: 8px 0px; text-align: left;  }
.saasdiv a{ text-decoration: none; position: relative; color: #000;}
.saasdiv a:hove{ text-decoration: none;}
.saasdiv.x2{ width:50%;}
.saasdom{background: #f2f6fa;border: 1px solid rgba(34,34,34,.04);  height: 325px; display: block; cursor: pointer; text-decoration: none; overflow: hidden; position: relative; }
.saasdiv.x2 .saasdom{ height: 200px;}
.saastitle{ font-size: 20px;text-decoration: none; text-align: left; clear: both; font-family: '微软雅黑' !important; height: 90px; position: relative; overflow: hidden; background: #e0e9ff; padding: 15px; margin-bottom: 0px;}
.saasspan{ margin-top: 0px;}
.saasspan span{ color: #222;}
.saasspan span em{ color:#f33e3e;  font-size: 24px; font-style: normal; margin: 0px 5px;}
.saasul ul li{ margin:5px 0px}
.saasul ul li em{ color: #f33e3e; margin: 0px 3px; font-size: 14px; font-style: normal;}
.saasspan span i{ font-style: normal;}
.saasspan span i em{  color: #f33e3e;  margin: 0px 3px; font-size: 14px;}
.sasstitle{ width: 200px; height: 375px;  float: left; font-size: 24px; font-weight: 600; text-align: center;  padding-left: 8px;  box-sizing: border-box; margin-top: 8px; }
.sasstitle span{background: #f6f6f6; display: block; width: 100%; height: 100%;padding-top: 30px;background: #0036a4 url(../images/saasbg.png) no-repeat center bottom; color: #fff;}
.saasdom img{ width: 240px; position: absolute; left: 0px;}
.sasstext{ height: 100px; position: relative; overflow: hidden; margin-bottom: 15px; padding: 15px;}
.sasstext p{ color:#888; text-align: justify; text-indent: 2em; margin: 8px 0px; font-size: 14px; line-height: 180%;}

.paasfuwu{ display: flex;flex-wrap: wrap; max-width: 1300px; position: relative; margin: 0px auto;}
.paasdiv{ width: 33.33%;  padding: 0px 8px; margin: 8px 0px; text-align: center;}
.paasdom{background: #f2f6fa;border: 1px solid #2222220a; padding: 15px;}
.paasfuwuwap{ margin-top: 0px; padding-top: 45px; padding-bottom: 60px; background: #0036a4;}
.paasfuwutitle{ width: 200px; height: 315px; float: left;  font-size: 24px; font-weight: 600; text-align: center;  padding-left: 8px;  box-sizing: border-box; margin-top: 8px;}
.paasfuwutitle span{ display: block; width: 100%; height: 100%; background: #f6f6f6; padding-top: 30px; background: #0036a4 url(../images/paasbg.png) no-repeat center bottom; color: #fff;}
.paasdom{background: #f2f6fa;border: 1px solid rgba(34,34,34,.04); height: 240px; display: block; cursor: pointer; text-decoration: none;}
.paasspan span{ color: #222;}
.paasspan span em{ color:#f33e3e; font-size: 24px; font-style: normal; margin: 0px 5px;}
.paasdiv a{ text-decoration: none;}
.paasdiv a:hove{ text-decoration: none;}
.paastitle{ font-size: 17px;font-size: 20px; height: 56px; position: relative; overflow: hidden;}
.paasspan{ margin-top: 15px;}

.chanpingjieshao .chanptuijianitmetxt p{ line-height: 180%;}
.chanpingjieshao .chanptuijianitmeimg{ width: 500px;}
.chanptuijianitmetxt ul.duoyuyscimglist li{ border: none; width: 10%; height: 40px; }
.chanptuijianitmetxt ul.duoyuyscimglist li img{ width: 100%;border: 1px solid #ccc;}

.goumaibutton{ margin-top: 15px;}
.goumaibutton .ljgm{ background: #0052d9; border: 1px solid #0052d9; color: #fff; padding: 8px 15px; border: none; margin-right: 15px;border-radius: 0px;}
.goumaibutton .jrgwc{ background: #d9deed; border:1px solid #d9deed; color: #000; padding: 8px 15px; border: none; border-radius: 0px;}
.goumaibutto .jrgwc.ygm{ color: #fff;}
.sasstext .ywjsdivbiaoqian{ display: flex; flex-wrap: wrap; display: none;}
.sasstext .ywjsdivbiaoqian span{ background: #fff; padding: 5px 8px; margin-bottom: 8px;  margin-right: 15px; color: #4b5b76; width: calc(33.33% - 15px);}
.sasshangyelist{ display: none;}
.sasshangyelist ul{ display: flex; flex-wrap: wrap;}
.sasshangyelist ul li{ width: 25%; margin: 3px 0px;}
.sasshangyelist ul li span{ color: #000;}
.saasdiv.fourlist{ width: 25%;}
.saasdiv.fourlist .sasstext{ height: 180px;}
.saasdiv.fourlist .saastitle{ height: 45px;}
.xuangouchanp{ z-index: 10; width: 100%; position: absolute; height: 60px; line-height: 60px; bottom: 0px; left: 0px;  color: #fff; background: rgba(29, 38, 45, 0.9); text-align: center; font-size: 16px; box-shadow: -8px -8px 10px 0 rgba(55,99,170,.5);}
.xuangouchanp.active{background: rgba(29, 38, 45, 1); box-shadow: none;}
.xuangouchanp em{ font-style: normal; font-size: 20px; font-weight: 500; padding: 0px 8px; color: #f64041;}
.xuangouchanp button{ font-size: 16px;}
.jiesuanbutton{ background: #f64041; padding: 0px 15px; color: #1b1a1a; font-size: 20px; float: right; border: none; height: 100%; }
.jiesuanbuttonjuan{background: #ffca31; padding: 0px 15px; color: #333; font-size: 20px; float: right; border: none; height: 100%;}
.xiangqingbutton{background: #0052d9; padding: 0px 15px; color: #fff; font-size: 20px; float: right; border: none; height: 100%;}
.xiangqingbutton i{ margin-right: 5px;}


.chanpingxiangqinglist{ position: fixed; bottom: 60px; width: 100%; background: rgba(29, 38, 45, 0.9); padding: 15px; z-index: 11; bottom: -100%; transition: all 0.3s; }
.chanpingxiangqinglist.active{ bottom: 60px;}
.cpxqlist{ background: #fff; padding: 15px; display: flex; border-bottom: 1px solid #ccc;}
.cpxqlisttiele{ flex: 1;}
.cpxqlisttiele .sxiaobiaoqian{ float: left;}
.cpxqlistjiage{ width: 200px; text-align: center; padding-top: 0px;}
.cpxqlistshul{ width: 120px; padding-top: 30px;}
.cpxqlistcz{ padding-top: 10px; width: 60px;}
.sxiaobiaoqian{ background: url(../images/Rectangle572.png) no-repeat right bottom; color: #fff; position: relative; left: 0px; top: 0px; padding: 8px 30px 8px 15px; display: block; margin-bottom: 8px; display: none;}

.saasdivwap{background:url(../images/sasschanpbg.png) no-repeat; padding-top: 45px; padding-bottom: 30px; margin-top: 15px; }

.hejiyongjuan{ background: #fff; padding: 15px;}
.hejiyongjuan{ display: flex;}
.hejiyongjuanduoxuan{ flex: 1; text-align: right; padding-top: 15px; padding-right: 15px;}
.hejiyongjuanheji{ width: 240px;}
.hejijiagesopa{ font-size: 24px; font-style: normal; font-weight: 500;}
.jgxqguangbi{ position: absolute; right: 0px; top: 0px; background: #fff; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; cursor: pointer;}

.saasdom .saasspan{ float: left; margin-top: 15px; padding-left: 15px;}
.saasdom .goumaibutton{ float: right; padding-right: 15px;}

.gouwucshutiao{ width: 55px; height: 100%; position: fixed; background: #eee; top: 0px; right: 0px; z-index: 2; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding-top: 0px; box-sizing: border-box;  }
.gouwucshutiao ul{display: flex; justify-content: center;align-items: self-start; height: 100%;flex-direction: column;}
.gouwucshutiao ul li{ cursor: pointer; padding: 8px 0px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; text-align: center; clear: both; width: 100%; background: #eeeeee;}
.gouwucshutiao ul li:first-child{ border-top: none;}
.gouwucshutiao ul li:last-child{ border-bottom: none;}
.gouwucshutiao ul li:hover{ background: #fff;}
.gouwucshutiao ul li i{ font-size: 24px; display: block; width: 100%; text-align: center; margin-bottom: 8px;}
.gouwucshutiao ul li span{margin-bottom: 8px; display: block;  padding: 0px 14px; font-size: 12px; text-align: left;}
.gouwucshutiao ul li em{background: #f33e3e; color: #fff; border-radius: 50%; font-style: normal; width: 20px; height: 20px; text-align: center; line-height: 20px; display: block; margin: 0px auto; font-size: 12px;}
.gouwucshutiao ul li a{ color: #555;text-decoration: none; }
.gouwucshutiao ul li a:hover{ text-decoration: none;}
.gouwucheli i{ color: #f33e3e;}

.gouwuchexinde{ padding: 15px; box-sizing: border-box; padding-top: 60px; padding-bottom: 60px;}

.dingdanfukuan{ position: relative; margin: 0px auto; max-width: 1300px; background: #fff; padding: 15px; box-sizing: border-box;}
.dingdanfukuantitle{ display: flex; height: 60px; line-height: 60px; flex-flow: row-reverse; }
.saassjianhao{ font-size: 36px; padding: 0px 30px;}
.sassfukuan button{ background: #f33e3e; color: #fff; border: none; padding:0px 30px; font-size: 24px; }

.dingdandaijunj{ text-align: right; margin-top: 15px; font-weight: bold; font-size: 22px; display: inline-block; width: 100%;}
.dingdandaijunj em{ font-style: normal;}
.dingdandaijunj button{ margin-left: 15px; background: #005eff; color: #fff; border: none; padding: 8px 15px; border-radius: 15px; font-size: 14px; font-weight: normal;}
.xuanzefukuanfangshi{ background: #f6f6f6; margin-left: 15px; width: 360px; justify-content: center; align-items: center;border: 1px solid #ccc; border-radius: 5px;}
.xuanzefukuanfangshi ul{ display: flex; align-items: center; justify-content: center; flex-wrap: wrap; height: 100%;}
.xuanzefukuanfangshi ul li{ padding-right:15px; cursor: pointer;width: 100%; display: flex; align-items: center; height: 100%;  }
.xuanzefukuanfangshi ul li span{  display: block; text-align: center; margin-left: 15px;}
.xuanzefukuanfangshi ul li em{ display: block;}
.xuanzefukuanfangshi ul li em img{ width:90%;}

.dingdanjilu{position: relative; margin: 0px auto; max-width: 1300px; background:#fff; padding:15px;}
/* .dingdanjilubianhao ul{ display: flex;} */
.ddbhul{ display: inline-block; width: 100%; float: none; margin-bottom: 0px;}
/* .ddbhul li span{ color: #000;} */
.ddbhul li em{ font-style: normal; color: #999;}
.ddbhul li{ margin-right: 15px; float: left; line-height: 45px; height: 45px; position: relative; overflow: hidden;display: flex;flex-wrap: wrap;}
.ddjeul{ float: right; display: flex;flex-wrap: wrap;}
.ddjeul li{ margin-bottom: 8px;padding: 0px 3px;}
.ddjeul .saasspan{ padding: 0px 15px;}
.dingdanjiludiv{ margin-bottom: 60px;}
.ddbhulwap{ display: inline-block;width:100%;}
.sfqjidiv{ background: #f6f6f6; padding: 15px;}
.dingdanjilu .el-collapse-item__header{ height: auto;}

.jrgwc.yjrgwc{ background: #ff6f3c; color: #fff;}
.jrgwc.ygm{ background: #1fab89; color: #fff;}
.zhuyaowenjiannr{ background: #f0effb; background: #fff; background: none;}

.zhuyaowenjiannr{  margin-top: 0px; padding: 0px 15px; padding-top: 15px;}
.zhuyaowenjiannrN{  max-width: 1300px; position: relative; margin: 0px auto; margin-top: 0px; padding: 0px; }
.zhuyaowenjiannrN p{ line-height: 180%; font-size: 15px; text-indent: 2em; color: #3d485d;}
.zhuyaowenjiannrN p b{ font-style: normal; font-weight: normal;}
.zhuyaowenjiannrN p span{ font-weight: normal; font-size: 14px;}
.zhuyaowenjiannrN p i{ font-weight: normal;  font-style: normal;}
.zhuyaowenjiannrN .zhuceptynbutton{ text-indent: 0px; display: inline-block; width: 100%;}
.zhuyaowenjiannrN .zhuceptynbutton a{ padding: 8px 15px; border:1px solid #0036a4; border-radius: 8px; margin-right: 15px; display: block; float: left; margin-bottom: 15px; }


.gjtfooter { background: #3d71ec; padding: 30px 0px; margin-top: 30px;  }
.gjtfooterN { max-width: 1300px; position: relative; margin: 0px auto; }
    .gjtfooterN p { color: #fff; }
        .gjtfooterN p a { color: #fff; }
.gjtfooterL { width: 850px; float: left; }
.gjtfooterR { width: 400px; float: right; }
.gjtfooterwap { display: inline-block; width: 100%; margin-right: 8px; }
.footerN{ position: relative; margin: 0px auto;}

.buzhushenqin{ max-width: 1200px; position: relative; margin: 0px auto; margin-top: 0px; padding: 15px 50px; background: #fff;}
.chengnuoshutitle{ text-align: center; font-size: 24px; font-weight: bold;}
.chengnuoshusuntiele{ font-size: 18px; font-weight: bold; margin: 8px 0px;}
.chengnuoshu p{  margin-bottom: 8px; font-size: 14px;}
.sqsyysfz{ text-align: center; margin-top: 45px;}
.sqsyysfz a{background: #0052d9; border:1px solid #0052d9; color: #fff; padding: 15px 30px; border: none; border-radius: 30px; font-size: 20px;}
.busqbtable tr td{ line-height: 35px; font-size: 14px; vertical-align: middle; }
.table.busqbtable > tbody > tr > td{ vertical-align: middle; padding: 3px;}

.buyzhusqbtxx ul{ display: flex; }
.buyzhusqbtxx ul li{ list-style-type: none; width: 33.33%; text-align: left; font-size: 16px;}
.buyzhusqbtxx ul li em{ font-style: normal;}

.sqbluokuan{ padding: 0px;}
.sqbluokuan ul li{ list-style-type: none; margin:2px 0px; clear: both; float: right; display: flex;}
.sqbluokuan ul li span{ float: left;}
.sqbluokuan ul li em{ font-style: normal; display: block; width: 200px;}

.sqsyysfz a.linka{ background: none; color: #0052d9; position: relative;}
.sqsyysfz a.linka i{font-style: normal; font-family: "微软雅黑" !important; margin-left: 5px;}

.tecizm{ padding-left: 120px; font-size: 16px;}
.yjzhjengmi span{ padding: 0px 30px; border-bottom: 1px solid #333;}
.yjqyheriqi{ float: right;}
.yjqyheriqi em{ font-style: normal;}
.yongjuandeqiye,.yongjuanderiqi{ margin: 15px 0px; text-align: right; font-size: 16px; }
.fwhttitle{ font-size: 20px; font-weight: bold; margin: 15px 0px;}
.jffwht p{ text-indent: 2em;}
.jffwht.wusj p{ text-indent: 0px;}
.jffwht p span{ padding: 0px 30px; border-bottom: 1px solid #333;}

.fuwuhtryxx ul{ padding: 0px; margin: 0px;}
.fuwuhtryxx ul li{ list-style-type: none; margin: 30px 0px;}
.fuwuhtryxx ul li{display: flex;}
.fuwuhtryxx ul li em{ border-bottom: 1px solid #333;flex: 1;}
.fuwuhtryxx ul li em b{ float: right; font-style: normal; font-weight: normal;}
.sqsyszjlj{ font-size: 16px;}

.qrywhtjzl{ font-size: 16px; text-align: center;}
.qrywhtjzl span{ color: #f33e3e;}

.ziliaoqingdan h3{ font-size: 18px; font-weight: bold;}
.ziliaoqingdan ul li{ margin-bottom: 15px; font-size: 16px;}
.ziliaoqingdan ul li a{ color: #f33e3e;}

.tpm-tag__inner{ display: none;}
.table.busqbtable.jiakuan > tbody > tr > td{ padding: 15px;}
.meiyouxinxi{ text-align: center;}
.dikoujuandiv{ position: relative; float: right;}
.dikoujuandivsz{ position: absolute; left: 0px; top: 0px; padding: 15px; width: 100%; height: 100%;}
.dikoujuandivs i{ display: block;}
.dikoujuandivsz span{ color: #f33e3e; font-size: 18px; display: block; text-align: right; margin-top: 30px; margin-right: 15px; font-weight: normal;}
.dikoujuandivsz em{ font-size: 24px; color: #fff;}
.dikoujuandivsz a{ display: block;}
.dikoujuandivsz a:hover,.dikoujuandivsz a:focus{ text-decoration: none;}

.juanzsdiv{width: 1300px; position: relative; margin: 0px auto;}
.juanzsdiv .juanzsdivimg{ width: 100%;}
.juanzsdiv .juanzsdivimg img{ width: 100%;}
.juanzsdivtxt{ position: absolute; left: 0px; top: 0px; z-index: 1; padding: 100px;}
.juanzsdivtxtzywz{ margin-top: 220px; padding: 0px 50px;}
.juanzsdivtxtzywz p{ line-height: 180%; font-size: 18px; font-family: '微软雅黑' !important; text-indent: 2em;}
.juanzsdivluokuan{ float: right; margin-top: 30px; padding: 0px 50px; font-size: 24px;}
.shiyongjuanjine{ text-align: center; font-weight: bold;}
.shiyongjuanjine span{ font-size: 18px;}
.shiyongjuanjine em{ color:#f56c6c;font-size: 56px; font-style: normal; }

.dkjl{ font-size: 20px; font-weight: bold; padding-top: 5px;}

.cplliucheng a{ color: #0052d9; text-decoration: underline; }
.cplliuchengwap{ padding: 15px;}
.cplliuchengwap ul li{ padding: 8px 0px; font-size: 15px;  display: inline-block; width: 100%;  display: flex;}
.cplliuchengwap ul li span{ padding-left: 15px; display: block; float: left; flex: 1;}
.cplliuchengwap ul li i{ display: block; float: left; width: 30px; height: 30px; line-height: 20px; text-align: center; font-size: 12px; background: #0036a4; border-radius: 50%; margin-left: -16px; margin-top: -3px; color: #fff; border: 5px solid #f2f6fa; font-style: normal; }

.fuwumbx{ margin-bottom: 15px;}

.chanpckxq{ display: block; clear: both; width:100%; height: 45px; line-height: 45px; padding-top: 15px;box-sizing: initial;}
.chanpckxq a{ display: block; width: 100%; border-top: 1px solid #eee; text-align: center; background: #c6d9ff; color: #000;}

.shengqdijuan{ max-width: 1300px; position: relative; margin: 0px auto; background: url('../images/sqjuanbg.png') no-repeat center center; font-family: '微软雅黑' !important; background-size: cover; }
.juanxiaobiaoq{ width: 140px; height: 24px; background: url('../images/tagbg.png') no-repeat center center; color: #fff; text-align: center;}
.juanbiaoti{ font-size: 20px; color: #fff; padding: 8px 15px;font-family: '微软雅黑' !important; }
.juanneirong{ font-size: 14px; color: #fff; padding: 8px 15px;}
.shengqdijuan{ display: flex; padding-bottom: 30px;}
.juanleft{ flex: 1;}
.juanright{ width: 360px; text-align: center;}
.juanrightsqann{ margin-top: 40px;}
.juanrightsqann a{ background: rgb(255, 213, 198); color: #51201f; padding: 8px 15px; }
.juanrightsqjl{ margin-top: 20px;}
.juanrightsqjl a{ color: #fff;}
.juanrightsqjl a i{ font-style: normal; margin-right: 8px;}

.paasfuwuwap .gjtcptitle h3{ color: #fff;}
.paasfuwuwap .gjtcptitle h4{ color: #fff;}

.zhutuineirong{ max-width: 1300px; position: relative; margin: 0px auto;}

.lianxiwomentc{ padding: 15px 8px; background: #fff; display: none;}
.el-popover[aria-hidden="false"] .lianxiwomentc{ display: block;}
.lianxidhdiv{ display: flex; margin-bottom: 15px;}
.lianxidhdivico{ width: 50px;}
.lianxidhdivico i{font-size: 24px; }
.lianxidhdivtit{ color: #000; font-size: 16px;}
.lianxidhdivtxt{ flex: 1;}
.lianxidhdivslink{ font-size: 14px; margin-top: 5px;}
.lianxidhdivslink a{ color:#6e89d5;}
.lianxidhdivspan{ margin-top: 5px; font-size: 14px;}


.zhutuineirong{ padding: 15px 0px; }
.zhutuineirong ul{ display: flex; flex-wrap: wrap;}
/* .zhutuineirong ul li{ padding-right: 15px; width: 33.33%;display: flex; margin-bottom: 15px; } */
.zhutuineirong ul li{ padding-right: 15px; display: flex; margin-bottom: 15px; min-width: 320px; flex: 1; }
.zhutuineirong ul li a{background: #f8f9fb; display: block; width: 100%; padding: 15px; box-shadow: 8px 8px 20px 0 rgba(55,99,170,.2); }
.zhutuineirong ul li a:hover,.zhutuineirong ul li a:focus{ text-decoration: none;}
.zhutuineirong ul li a h4{ color: #000; font-size: 18px;}
.zhutuineirong ul li a h4 i{ font-size: 20px; color: #0036a4; margin-right: 15px;}
.zhutuineirong ul li a p{ color: #999; font-size: 14px;}
.zhutuineirong ul li:nth-child(4){ padding-right: 0px;}
.zhutuineirong ul li:nth-child(7){ padding-right: 0px;}
.zhutuineirong .el-divider{ background: #ccc;}
.zhutuineirong .el-divider__text{ background: #eff2f7;}
.beizhups{ display: flex; line-height: 30px;}

/* .el-collapse-item__arrow.el-icon-arrow-right::after{ content: '展开详情';} */
.dingdanjilubianhao{ display: flex; width: 100%;}
.sfqzkxq{ display: flex; width: 100px; align-items: center; justify-content: center;}
.dingdanjilu .el-icon-arrow-right::before{ content: "\e791"; font-size: 20px;}

.saomafuk{width: 360px; padding: 15px; background: #f6f6f6; border: 1px solid #ccc; border-radius: 5px;}
.saomafukimg{ max-width: 240px; text-align: center; position: relative; margin: 0px auto; }
.saomafukimg img{ width: 100%;}
.saomafuktxt{ font-size: 14px; line-height: 25px;}
.saomaps{ color: #f00;}
.fukuanfangshiwap{ display: flex; justify-content: center; margin-top: 45px; margin-bottom: 30px;}

.gouwucshutiao ul li.zxfwjlyright{ background: #f33e3e;}
.gouwucshutiao ul li.zxfwjlyright a{ color: #fff;}
.gouwucshutiao ul li.zxfwjlyright a:hover{ color: #f33e3e;}
.gouwucshutiao ul li.zxfwjlyright:hover a{ color: #fff;}

.dingdanchouti .el-drawer{ width: 40% !important;}
.zhuyaowenjiannr *,
.saasdivwap *,
.paasfuwuwap *,
.dingdanchouti *,
.dingdanfukuan *,
.dingdanjilu table *,
.ddbhul li *,
.lianxidhdivtxt *,
.beizhups *,
.zhutuineirong ul li h4 span
{ font-family: "微软雅黑" !important;}

  /* 云上赋智单独样式 */
.navdaoh {/*margin-top: 100px;*/background: #6e89d5; display: none;}
.banner {background: #eff2f7 url(/Content/HTML/国家通/images/bg.png) no-repeat center top;}
/* .guojiaguoqi{ margin-top: -420px;} */
.top{ background: #d9deed; background: none; transition: all 0.3s;}
.top a{ color: #000;}
.top .layui-btn{ color: #000;} 
.top a:focus, .top a:hover{ color: #000;}
.top.active{ background: #d9deed; box-shadow: 8px 8px 20px 0 rgba(55,99,170,.3);}


.rexiao{ background: #f33e3e; color: #fff; padding:3px 8px; font-size: 14px; border-radius: 2px; margin-left: 8px;}

.tianjiashuoming{ max-width: 1300px; position: relative; margin: 0px auto; font-size: 16px; line-height: 180%; background: #f8f9fb; padding: 15px;}
.tianjiashuoming span{ margin: 0px 5px;}


@media screen and (max-width: 1410px) {
    .main {
        width: 100%;
        padding-right: 70px;
    }
}
@media screen and (max-width: 1355px) {
    .saasfuwu,.paasfuwu,.zhuyaowenjiannr,.sqsyysfz{ width: 100%;}

    .saasdom{ height: 360px;}
    .saasdom .saasspan{ float: none;}
    .cpxqlist{ flex-wrap: wrap;}
    .cpxqlist .cpxqlisttiele{ width: 100%; flex: auto;}
    .cpxqlist .cpxqlistjiage{ text-align: left; flex: 1;}
   }
   @media screen and (max-width: 1300px) {
    .dingdanfukuan{ padding: 0px 15px;}
    .banner{ background-position: -300px 0px;}
   }
   @media screen and (max-width: 1100px) {
    .saasdiv{ width: 50%;}
    .paasdiv{ width: 50%;}
    .saasdom{ height: 325px;}
    .saasdom .saasspan{ float: left;}
   }
   @media screen and (max-width: 998px) {
    .saasdom{ height: 360px;}
    .saasdom .saasspan{ float: none;}
    .dingdanchouti .el-drawer{ width: 50% !important;}
    .banner{ height: 280px;}
    .topNL{ display: block;}
   }

   @media screen and (max-width: 850px) {
    .banner{ background-size: 200%; background-position: 30% 0px; height: 25vw;}
   }

   @media screen and (max-width: 768px) {
    .saasdiv{ width: 100%;}
.paasdiv{ width: 100%;}
.dingdanchouti .el-drawer{ width: 70% !important;}
.dingdanfukuantitle{flex-flow: column-reverse; height: auto;padding: 0px 30px; line-height: 30px;}
.dingdandaijunj{ text-align: left; padding: 0px 30px;}
.sqsyysfz a{ display: block; width: 100%;}
.cpxqlist{ display: block;}
.saastitle{ width: 100%; font-size: 18px; font-weight: normal;}
.cpxqlisttiele{width: 100%;}
.cpxqlistjiage{ width: 100%; text-align: left;}
.gouwuchexinde .saastitle{ height: auto;}
.gouwuchexinde .cpxqlistcz{ display: block; width: 100%; text-align: right; margin-top: 0px; padding-top: 0px;}
.ddbhul{ flex-direction: column;}
.dingdanjilu .el-collapse-item__header{ height: auto;}
.saasspan span em{ font-size: 18px; font-weight: normal;}
.shengqdijuan{ flex-wrap: wrap;}
.juanleft{ width: 100%;}
.saasdom{ height: auto;}
.sasstext{ height: auto;}
.zhutuineirong ul li{display: contents;}

.gouwucshutiao{ top: auto; bottom: 0px; height: 80px; width: 100%;box-shadow: -8px -8px 20px 0 rgba(55,99,170,.3);}
.gouwucshutiao ul{ flex-direction: inherit;}
.gouwucshutiao ul li{ width: 20%; text-align: center; justify-content: center; border:none;}
.lianxiwomenli{ width: 20%;}
.gouwucshutiao ul li span{ width: 100%; padding: 0px; text-align: center;}
.gouwucshutiao .el-popover__reference{ width: 100%;}
.gouwucheli { display: flex; flex-wrap: wrap;}
.gouwucshutiao ul li span{  width: auto;}
.gouwucshutiao ul li em{ margin: 0px;}
.gouwucshutiao ul li i{ height: 40px; line-height: 40px;}
.main{ padding: 0px 0px; padding-bottom: 100px;}

.el-message-box {
    max-width: 100% !important;
}
   }

   @media screen and (max-width: 560px) {
    .saasdom{ height: auto;}
    .fukuanfangshiwap{ flex-wrap: wrap;}
    .xuanzefukuanfangshi{ margin: 0px; margin-top: 15px; padding: 0px;}
   }