.section .icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
.section .title { margin-top: 0; margin-bottom: 80px; line-height: 1.5; color: #313B53; }
.section .sub-title { margin-top: -60px; margin-bottom: 80px; color: #313B53; }
.section .head { color: #313B53; }
.section .sub-head { color: #313B53; }
.section p { color: #576e91; }
.section ul li { color: #576e91; }

.carousel .owl-dots { position: absolute; bottom: 10px; margin: 0 auto; width: 100%; }

.indicator { position: fixed; left: 20px; z-index: 2; top: 40%; opacity: 0; }
.indicator .nav > li { margin-bottom: 10px; }
.indicator .nav > li > a { padding: 0; width: 12px; height: 12px; background-color: transparent; display: block; border-radius: 12px; border: 2px solid #1996fa; transition: all .2s ease .1s; opacity: 0.6; }
.indicator .nav > li.active > a { background-color: #87c8fa; }

.try { background-color: #081661; }
.try .input-group { margin: 0px auto; width: 500px; }
.try .form-control { border: 0px none; border-radius: 0px; box-shadow: none; border: 1px solid #26389f; background-color: transparent; }
.try .input-group-btn .btn { border-radius: 0px; border: 1px solid #26389f; padding: 6px 20px; color: white; background-color: #26389f; }
.try .input-group-btn .btn:hover { border-color: #1996fa; background-color: #1996fa; }

.future { color: #fff; }
.future .wrap { width: 100%; }
.future .title { color: #fff; margin-top: 20px; margin-bottom: 20px; }
.future p { color: rgba(255, 255, 255, 0.7); line-height: 2; letter-spacing: 0.6px; }
.future strong { color: #fff; }

.feature { text-align: center; background-color: #FAFAFA }
.feature .icon { font-size: 70px; color: #6682D6; }
.feature .item .head { font-size: 14px; margin: 20px 0 60px; color: #313B53; }
.feature .item::after { content: ""; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 70%; }
.feature .title { color: #313B53; }
.feature .tooltip.top .tooltip-arrow { border-top-color: rgb(222, 222, 222); }
.feature .tooltip.top .tooltip-inner { padding: 15px; color: #666666; background-color: rgb(222, 222, 222); line-height: 1.8; }

.function .row { margin-bottom: 50px; }
.function .title { text-align: center; }
.function .head { color: #4a4a4a; }
.function p { color: #666; letter-spacing: 0.6px; line-height: 25px; margin: 20px 0 40px; }
.function ul li { color: #666; line-height: 25px; }

.detail { background-color: #333; }
.detail .icon { font-size: 70px; color: #fff; }
.detail .head { font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 30px; }
.detail p { text-align: justify; justify-content: space-between; margin: 0 auto; color: rgba(255, 255, 255, 0.8); margin-bottom: 60px; }

.learn img { margin-bottom: 40px; }

.solution { background-color: #0085e4; }
.solution .title { color: #fff; text-align: center; }
.solution .owl-carousel .owl-item img { transform-style: unset; -webkit-transform-style: unset; }
.solution .owl-nav [class*=owl-] { position: absolute; top: 40%; height: 60px; font-size: 42px; line-height: 62px; width: 60px; border-radius: 30px; font-family: iconfont; font-weight: bold; color: #c3cdda; padding: 0; text-align: center; background-color: transparent; }
.solution .owl-nav [class*=owl-]:hover { background: transparent; color: #fff; text-decoration: none; }
.solution .owl-nav .disabled[class*=owl-]:hover { background: transparent; color: #c3cdda; text-decoration: none; }
.solution .owl-nav .disabled { opacity: .3; }
.solution .owl-prev { left: -80px; }
.solution .owl-next { right: -80px; }
.solution .item .wrap { background-color: #fff; width: 224px; margin: 0 auto 30px; }
.solution .item ul { padding-left: 15px; color: #7a7a7a; }
.solution .item .text-wrap { min-height: 200px; padding: 10px 25px; }
.solution .item .text-wrap .head { font-weight: bold; margin-bottom: 20px; }
.solution .item .text-wrap p { line-height: 24px; margin-bottom: 20px; color: #614f4f; letter-spacing: -0.6px; min-height: 170px; font-size: 13px; }

@media (max-width: 991px) { .indicator { left: 10px; } }
@media (max-width: 767px) { .section .title { margin-bottom: 40px; }
  .section .sub-title { margin-top: -20px; margin-bottom: 40px; }
  .indicator { left: unset; right: 5px; }
  .indicator .nav > li > a { width: 4px; height: 8px; border-radius: 0; border-width: 1px; }
  .try { padding: 10px 0; }
  .try .input-group { width: 100%; }
  .function img { margin-bottom: 30px; }
  .function .row { margin-bottom: 0px; }
  .detail { padding-bottom: 10px; } }
@media (min-width: 768px) { .banner .text-box .sub-title { letter-spacing: 1px; margin-top: 30px; }
  .try { padding: 20px 0; }
  .future .wrap { float: right; width: 460px; }
  .function { padding-bottom: 0; }
  .function .row { margin-bottom: 100px; }
  .function .row:nth-child(2) img { margin-top: 50px; }
  .function .row:nth-child(3) img { margin-top: 40px; }
  .function .row:nth-child(3) .item { float: right; }
  .function .row:nth-child(4) .item { margin-top: 70px; }
  .function .row:nth-child(5) img { margin-top: 20px; }
  .function .row:nth-child(5) .item { float: right; }
  .function .row:nth-child(6) .item { margin-top: 30px; }
  .detail { padding-bottom: 40px; } }
@media (min-width: 992px) { .banner .text-box .sub-title { font-size: 20px; }
  .future .wrap { width: 540px; }
  .feature .title { margin-bottom: 100px; }
  .function .title { margin-bottom: 100px; }
  .function .item { width: 340px; }
  .detail p { width: 260px; } }
@media (min-width: 1200px) { .banner .text-box .sub-title { font-size: 22px; }
  .section .container { width: 1000px; } }
  
  

.dan-1{width:1150px;margin:0px auto;overflow:hidden;}  
.dan-2{width:1150px;margin:0px auto;overflow:hidden;margin-top:30px;}   
.dan-1 h2{text-align:center;margin-top:80px;}

.dan-left{width:700px;float:left;overflow:hidden;}
.dan-right{width:400px;float:right;overflow:hidden;}

.dan-3{overflow:hidden;margin-top:15px;margin-bottom:15px;border-bottom:1px solid #f2f2f2;padding-bottom:15px;}
.dan-3-1{width:30%;float:left;overflow:hidden;}
.dan-3-1 img{max-width:100%;}
.dan-3-2{width:65%;float:right;overflow:hidden;}
.dan-3-2-1 h2{font-size:18px;font-weight:bold;}
.dan-3-2-2{font-size:12px;color:#ababab;}
.dan-3-2-3{font-size:14px;color:#666666;} 
 
.dan-4{}
.dan-4 h3{font-size:20px;text-align:center;border-bottom:1px solid #E1E8F0;padding-bottom:20px;} 
.dan-4 ul{overflow:hidden;margin-bottom:50px;}
.dan-4 ul li{color:#00A4FF;}
.dan-4 ul li h4 {font-size:14px;margin-top: 15px;margin-bottom: 15px;} 
.dan-4 ul li h4 a{color:#666;}
.dan-4 ul li h4 a:hover{text-decoration:none;color:#00a4ff;}

.dan-0{width:100%;background:#DEE1E6;overflow:hidden;}
  .position{margin-top:10px;margin-bottom:10px;}
  .position a{color:#333;}
  
 .showContent{line-height:180%;}
 .showInfo{text-align:center;padding-top:15px;padding-bottom:15px;}
 
 .showTitle{text-align:center;font-size:30px;}
 
 .showNext{margin-bottom:50px;}
 
 
 
@media (max-width: 768px) {
	 .dan-1{width:94%;}  
	 .dan-2{width:94%;}  
	 .dan-left{width:100%;}
	 .dan-right{width:100%;}
 }