/* CSS Document */
/*重置样式*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend,a,div{font:14px/1.14 "Microsoft Yahei",\5b8b\4f53;outline:0; }
body,textarea,input,button,select,keygen,legend,a,div,strong{font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,PingFang SC,Noto Sans,Noto Sans CJK SC,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",sans-serif!important;}

/*输入框*/
::-webkit-input-placeholder {color:#aaa; opacity:0.8; font-weight: normal;}
:-moz-placeholder{color:#aaa;opacity:0.8; font-weight: normal;}
::-moz-placeholder{color:#aaa;opacity:0.8; font-weight: normal;}
:-ms-input-placeholder{color:#aaa; opacity:0.8; font-weight: normal;}
input:-webkit-autofill {box-shadow: 0 0 0px 1000px white inset; font-weight: normal;}


hr{border:0; background-color: #eee; height:1px}
/*宽度*/
.w_1200{width:1200px;}
.w_1200_center{width:1200px; margin: 0 auto;}
.w_1600{padding: 0 100px; min-width: 1200px; max-width: 1600px; margin: 0 auto;}

/*背景*/
.bg_1{background-color: #fff;}
.bg_2{background-color: #F4F4F4;}



.fc_l{float:left;}
.fc_r{float:right;}
.of_h{overflow:hidden;}
.clear{clear:both;}

/*最小高度*/
.min_h_200{min-height: 200px;}
.min_h_768{min-height: 768px;}

/*内外边距*/
.mp_0{margin:0; padding: 0;}
.mar_0{margin: 0;}
.pad_0{padding:0;}
.padtop_0{padding:0;}

.mt_40{margin-top:40px;}
.mt_30{margin-top:30px;}
.mt_20{margin-top:20px;}
.mt_15{margin-top:15px;}
.mt_10{margin-top:10px;}
.mt_5{margin-top:5px;}
.mt_1{margin-top:-1px;}
.ml_5{margin-left:5px;}
.ml_10{margin-left:10px;}
.ml_20{margin-left:20px;}

.pd_30{padding: 30px;}
.pd_20{padding: 20px;}
.pd_15{padding: 15px;}
.pd_10{padding: 10px;}
.pd_5{padding: 5px;}

.pd_lr_30{padding: 0 30px;}
.pd_lr_20{padding: 0 20px;}
.ml_20{margin-left: 20px;}
.r_4{border-radius: 4px;}
.r_8{border-radius: 8px;}
.r_16{border-radius:16px;}

.el-table{z-index: 0 !important;}
.num{font-family:Arial;}
.numa{font-family:Arial; font-size:14px;}
.numb{font-family:Arial; font-size:14px; font-weight:bold}
.num12{font-family:Arial; font-size:12px;}
.num12b{font-family:Arial; font-size:12px; font-weight:bold}
.num16{font-family:Arial; font-size:16px;}
.num16b{font-family:Arial; font-size:16px; font-weight:bold}

div.backTop{
    position:fixed; bottom:20px; right:20px;
    width:40px; height:40px; border-radius: 30px; background: #fff; box-shadow: 10px 10px 20px rgba(0,0,0,.1);
    display: flex; justify-content: center; align-items: center; cursor: pointer;
}
div.head{
  max-width: 1920px;
  margin: 0 auto;
  height: 60px;
  background: #fff;
  box-shadow: 10px 10px 20px #eee;
  display: flex;
  justify-content: space-between;
}
div.head div.logo {
  height: 60px;
  display: flex;
  align-items: center;
  padding-left: 15px;
}
div.head div.logo img {
  display: block;
  height: 36px;
}
div.head div.loginbtn a {
  height: 60px;
  display: flex;
  align-items: center;
  padding: 0 30px;
  font-size: 14px;
  background: #103cfc;
  color: #fff;
  letter-spacing: 1px;
}
div.head div.loginbtn a:hover {
  background: #f00;
}
div.publicityPage{
    height:calc(100vh - 60px);
    overflow: auto;
}
div.publicityPage div.banner {
  position: relative;
  background: url("../images/banner-bg.png") no-repeat;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}
div.publicityPage div.banner div.cont {
   padding:0 11%;
}
div.publicityPage div.banner div.txt{
  height: 100%;
  display: flex;
  justify-content: center; align-items: center;
  flex-direction: column;
  padding:10% 0;
}
div.publicityPage div.banner div.txt h1 {
  font-weight: bold;
  display: block; width:100%; flex-shrink: 0; flex-grow: 0;
}
div.publicityPage div.banner div.txt h3 {
  padding:0;
  color: #555; display: block; width:100%; flex-shrink: 0; flex-grow: 0;
}
div.publicityPage div.banner div.txt div.pbtn {
  display: block; width:100%;
  margin-top: 5%;
}
div.publicityPage div.banner div.txt div.pbtn a {
  display: inline-block;
  padding: 10px 20px;
  background: #1500ff;
  border: 1px #103cfc solid;
  color: #fff;
  margin-right: 10px;
  border-radius: 4px;
}
div.publicityPage div.banner div.txt div.pbtn a:nth-of-type(1):hover {
  background: #f00;
   border: 1px #c00 solid;
}
div.publicityPage div.banner div.txt div.pbtn a:nth-of-type(2) {
  background: #fff;
  color: #333;
  border: 1px #fff solid;
}
div.publicityPage div.banner div.txt div.pbtn a:nth-of-type(2):hover {
  color: #103cfc;
  border: 1px #103cfc solid;
}
div.publicityPage div.banner div.img{
  display: flex; justify-content: flex-end; align-items: center;
  padding-top: 2%;
}
div.publicityPage div.banner div.img img {
  display: block;
  height:90%;
  
}
@media (max-width: 767.98px){ 
  div.publicityPage div.banner div.img img {
    display: block;
    height:90%;
    margin-right: -30%;
  }
}

div.publicityPage div.business div.hd, div.publicityPage div.scenario div.hd, div.publicityPage div.advantage div.hd {
  width: 300px;
  margin: 40px auto;
}
div.publicityPage div.business div.hd div, div.publicityPage div.scenario div.hd div, div.publicityPage div.advantage div.hd div {
  width: 300px;
  text-align: center;
}
div.publicityPage div.business div.hd div.cn, div.publicityPage div.scenario div.hd div.cn, div.publicityPage div.advantage div.hd div.cn {
  font-size: 30px;
  color: #2B292B;
  letter-spacing: 0;
  line-height: 32px;
  font-weight: 600;
}
div.publicityPage div.business div.hd div.en, div.publicityPage div.scenario div.hd div.en, div.publicityPage div.advantage div.hd div.en {
  margin-top: 15px;
  font-family: arial;
  font-size: 10px;
  color: #8C8A8C;
  letter-spacing:5px;
  line-height: 26px;
  font-weight: 400;
}
div.publicityPage div.business {
  padding-bottom: 60px;
  overflow: hidden;
}
div.publicityPage div.business div.list div.cont {
  max-width: 1920px;
  margin: 0 auto;

}
div.publicityPage div.business div.list ul {
  padding:0 11%;
}

div.publicityPage div.business div.list ul li {
  padding:5% 1%;
}
div.publicityPage div.business div.list ul li div.p_1{
  height:360px;
  padding:0.2% 1% 0.5% 1%;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 3px #eee;
}
div.publicityPage div.business div.list ul li img {
  margin: 50px auto 0 auto;
  display: block;
  width: 72px;
}
div.publicityPage div.business div.list ul li div.title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 60px;
}
div.publicityPage div.business div.list ul li div.title span {
  color: #103cfc;
}
div.publicityPage div.business div.list ul li div.describe {
  padding: 20px 40px;
  font-size: 16px;
  color: #5B595B;
  text-align: justify;
  line-height: 24px;
  font-weight: 400;
}
div.publicityPage div.scenario {
  background: linear-gradient(120deg,#eee,#fff,#eee);
  padding:5% 0;
}
div.publicityPage div.scenario div.list {
  max-width: 1920px;
  margin: 0 auto;
  padding:0 11%;
}
div.publicityPage div.scenario div.list ul {
  display: flex;
  flex-wrap: wrap;
}
div.publicityPage div.scenario div.list ul li {
  /* width: 50%;
  height: 200px;
  margin: -20px 0; */
}
div.publicityPage div.scenario div.list ul li .pd_20 {
  display: flex;
}
div.publicityPage div.scenario div.list ul li img {
  display: block;
  width: 48px;
  height: 48px;
}
div.publicityPage div.scenario div.list ul li div.info {
  margin-left: 15px;
}
div.publicityPage div.scenario div.list ul li div.info div.name {
  font-size: 18px;
  color: #2B292B;
  line-height: 26px;
  font-weight: 600;
}
div.publicityPage div.scenario div.list ul li div.info div.describe {
  font-size: 14px;
  color: #5B595B;
  text-align: justify;
  line-height: 24px;
  font-weight: 400;
}
div.publicityPage div.advantage div.list {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 11%;
  padding-bottom: 100px;
}
div.publicityPage div.advantage div.list div.box {
  display: flex;
  padding: 0 15px;
  margin-top: 60px;
}
div.publicityPage div.advantage div.list div.box img {
  display: block;
  width: 48px;
  height: 48px;
}
div.publicityPage div.advantage div.list div.box div.info {
  margin-left: 15px;
}
div.publicityPage div.advantage div.list div.box div.info div.name {
  font-size: 18px;
  color: #2B292B;
  line-height: 26px;
  font-weight: 600;
}
div.publicityPage div.advantage div.list div.box div.info div.describe {
  font-size: 14px;
  color: #5B595B;
  text-align: justify;
  line-height: 24px;
  font-weight: 400;
}
div.publicityPage div.advantage div.list div.desc{
  margin-top: 10%;
  font-size: 16px;
  line-height: 30px;
  text-indent: 2em;
  padding-top: 5%;
  border-top: 1px #eee solid;
}
div.publicityPage div.advantage div.list div.desc span{
  color: #103cfc; 
}
div.publicityPage div.foot {
  padding:1% 0;
  background: url("../images/ftbg.png") repeat;
}
div.publicityPage div.foot div.cont {
  max-width: 1920px;
  margin: 0 auto;
  padding: 0 11%;
}
div.publicityPage div.foot div.cont div.hd {
  display: flex;
  justify-content: space-between;
 
}
div.publicityPage div.foot div.cont div.hd div.logo,div.publicityPage div.foot div.cont div.hd div.jia{
  display: inline-flex; justify-content: flex-end; align-items: center;  padding:5% 10px;
}
div.publicityPage div.foot div.cont div.hd div.logo{justify-content: flex-start;}
div.publicityPage div.foot div.cont div.hd div.jia{justify-content: flex-end;}
div.publicityPage div.foot div.cont div.hd div.logo img {
  display: block;
  
  height: 32px;
}
div.publicityPage div.foot div.cont div.hd div.jia img {
  display: block;
 
  height: 32px;
}
div.publicityPage div.foot div.cont div.link {
  display: flex;
  justify-content: space-between;
  padding: 0 10px;
}
div.publicityPage div.foot div.cont div.link div.synopsis {
 
  flex-shrink: 0;
}
div.publicityPage div.foot div.cont div.link div.synopsis div.name {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  font-weight: 600;
}
div.publicityPage div.foot div.cont div.link div.synopsis div.txt {
  color: rgba(255, 255, 255, 0.7);
  margin-top: 10px;
  line-height: 24px;
}

div.publicityPage div.foot div.cont div.link div.menu div.name {
  font-size: 16px;
  color: #FFFFFF;
  line-height: 24px;
  font-weight: 600;
}
div.publicityPage div.foot div.cont div.link div.menu ul {
  margin-top: 10px;
}
div.publicityPage div.foot div.cont div.link div.menu ul li {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-align: justify;
  line-height: 30px;
  font-weight: 400;
}
div.publicityPage div.foot div.cont div.link div.menu div.txt {
  color: rgba(255, 255, 255, 0.7);
  margin-top: 10px;
}
div.publicityPage div.foot div.cont div.link div.menu div.code {
  margin-top: 10px;
}
div.publicityPage div.foot div.cont div.copyright {
  margin-top: 60px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  font-weight: 400;
}