/* 页面自定义css样式 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, img {
    border: medium none;
    margin: 0;
    padding: 0;
}
.clearfix:after{content:".";display:block;height:0;visibility:hidden}
.clearfix{display:block}
.cf:after {display: block;content: "";height: 0;visibility: hidden;clear: both;}
.cf {zoom: 1;}

/* 头部开始 */
.w1200 {width: 1200px;margin: 0 auto;}

/* 平台应用开始 */
.platform-box{width:100%;height:auto;padding:25px 0 0;}
.platform {display: flex;}
.platform li{
    flex: 1;
/*    float: left;*/
    width: 108px;height: auto;font-size: 16px;color: #333;line-height: 22px;text-align: center;
/*    margin-right: 48px;*/
}
.platform li:nth-last-child(1){margin-right: 0;}
.platform li div{width: 100%;height: 70px;margin-bottom: 8px;}
.platform li div img{width: 70px;height: 70px;}
.platform li:hover a{color: #1071c2;font-weight: bold;}

.sec2{margin-top: 25px;}
.slide {width: 485px;height: 340px;position: relative;overflow: hidden;}
.slide .swiper-container {width: 485px;height: 340px;}
.slide .swiper-container li {position: relative;}
.slide .swiper-container li a {display: block;width: 100%;height: 100%;}
.slide .swiper-container li a img {width: 100%;height: 100%;}
.slideTxt {width: 485px;height: 50px;line-height: 50px;position: absolute;bottom: 0;left: 0;padding-left: 18px;z-index: 2;background: url(bt-shadow.png);}
.slideTxt a {font-size: 1rem;color: #fff;}
.slide .swiper-pagination {position: absolute;right: 34px;bottom: 23px;}
.slide .swiper-pagination-bullet {float: left;width: 15px;height: 4px;background: #fff;opacity: 1;margin-left: 7px;border-radius: 0;}
.slide .swiper-pagination-bullet-active {background: #267ec8;}

.part1-right{width: 686px;height: 340px;}
.xwdt-title{width: 100%;height: 40px;}
.xwdt-title div {float: left;width: auto;height:40px;font-size: 18px;}
.xwdt-title div a{color:#044276;}
.xwdt-title div.active a{color: #044276;}
.xwdt-title div a:hover{color: #044276;}
.xwdt-title .gd-box{float: left;font-size: 20px;height:40px;margin: 0 12px;color: #044276;}
.active-no a{color: #045598;}
.active a{color: #044276;font-weight: bold;}
.part1-right ul{list-style: none;width: 100%;height: auto;position: relative;}
.part1-right ul li{line-height: 40px;height: 40px;font-size: 16px;background: url(dian.png) no-repeat 1px 14px;padding-left: 14px;width: 100%;}
.part1-right ul li a{display: inline;float: left;font-size: 16px;line-height:36px;width: 85%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.part1-right ul li span{color: #999;float: right;}
.part2-right{width: 385px;height: 290px;float: left;margin-right: 22px;padding: 20px;background: #fff;box-shadow: 0 0 15px 0 rgba(158, 164, 195, 0.31);}
.part2-right ul{margin-top: 10px;}
.part2-right .xwdt-title div{line-height: 40px;}
.part2-right .xwdt-title .gd-box{line-height: 38px;margin: 0 21px;}
.part2-right ul li a{width: 100%;}
.part3-right{margin: 0;float: right;}
.more{display: none;}
.ztslide{width:100%;height:120px;overflow: visible;position: relative;}
.ztslide .swiper-container{width:100%;height:120px;}
.ztslide .swiper-pagination{position: absolute;bottom:-12px;right:570px;}
.ztslide .swiper-pagination-bullet{float: left;background:#e4e4e4;width:28px;height:4px;opacity: 1;margin-left: 7px;border-radius: 0;}
.ztslide .swiper-pagination-bullet-active{background:#267ec7;}


/*手机端*/
@media (max-width: 767px){
    .platform{display: block;}
  .main-con{padding: 0 1.5rem 2.25rem;}
  .bt-height-30{height: 0;}
  .hf img{display: none;}
  .hf{background: url(mob20da.jpg) no-repeat;width: 100%;height: 8.75rem;display: block;background-size: 100%;}
  .yun{background: url(mobyun.jpg) no-repeat;background-size: 100%;margin-top: 2.25rem;}
  .card-area{display: none !important;}
  .mobcard{display: block;}
  .mobcard ul{margin-left: -1.5rem;}
  .mobcard ul li{width: 21.1875rem;height: 11.25rem;margin-left: 1.5rem;margin-top: 1.5rem;display: inline-block;float: left;}
  .mobcard ul li a{font-size: 1.875rem;color: #0B8AF7;font-weight: 500;display: block;height: 100%;padding-top: 2rem;padding-left: 2rem;}
  .mobcard li:nth-of-type(1){background: url(mob1.png) no-repeat;background-size: 100%;}
  .mobcard li:nth-of-type(2){background: url(mob2.png) no-repeat;background-size: 100%;}
  .mobcard li:nth-of-type(3){background: url(mob3.png) no-repeat;background-size: 100%;}
  .mobcard li:nth-of-type(4){background: url(mob4.png) no-repeat;background-size: 100%;}
  .sec1-right{width: 100%;height: auto;box-shadow: none;padding: 0;}
  .sec1-right ul{margin-left: -1.5rem;margin-top: .75rem;}
  .sec1-right ul li{width: 21.1875rem;height: 5rem;margin-left: 1.5rem;margin-top: 1.5rem;background: url(qi.png)#f5faff no-repeat 1.25rem 1.8125rem;background-size: 1.125rem 1.375rem;}
  .sec1-right ul li a{font-size: 1.625rem;line-height: 5rem;padding-left: 3.4375rem;}
  .sec2{margin-top:0.5rem;}
  .slide,.slide .swiper-container,.slide .swiper-container li a img{ width:100%;height:27.375rem;}
  .slideTxt{width:100%;background-image: linear-gradient(180deg, rgba(69,69,69,0.00) 2%, rgba(4,4,4,0.59) 100%);height: 9.125rem;padding: .25rem 1.5rem 0;}
  .slideTxt a {font-size: 2.25rem;color: #fff;line-height: 3.375rem;}
  .slide{margin-bottom: 2.25rem;}
  .slide .swiper-pagination{bottom: 1rem;right: 18.0625rem;}
  .slide .swiper-pagination-bullet{width: 1.5rem;height: .375rem;margin-left: .5625rem;background: #ccc;}
  .slide .swiper-pagination-bullet-active{background: #0B8AF7;}
  .part1-right{width:100%;height: auto;}
  .xwdt-title{border-bottom: .0625rem solid #eee;}
  .xwdt-title div a{font-size: 2.25rem;color: #999;}
  .xwdt-title div.active a{color: #267EC9;}
  .more{display: block;position: absolute;width: 1rem;height: 1.875rem;background:url(mobarrow.jpg) no-repeat;top: -4.5rem;right: 0;background-size: 100%;}
  .part1-right ul li{background: none;padding-left: 0;height: auto;padding: 1.5rem 0;border-bottom: 1px solid #eee;}
  .part1-right ul li a{width: 100%;white-space: normal;font-size: 1.875rem;line-height: 2.625rem;}
  .part1-right ul li span{float: left;font-size: 1.5rem;line-height: 2.0625rem;margin-top: 1rem;}
  .part2-right{margin-right: 0;padding: 0;box-shadow: none;margin-top: 2.25rem;}
  .part2-right .xwdt-title{height: 4.625rem;}
  .part2-right .xwdt-title div{line-height: initial;height: 3.125rem;}
  .part2-right .xwdt-title .gd-box{line-height: 3.125rem;height: 3.125rem;}
  .part2-right .more{top: -4.25rem;}

  .platform-box{padding: 0;}
  .platform li{width: 8.4375rem;font-size:1.625rem;line-height: 2.25rem;margin-right: 3.25rem;margin-bottom: 2.25rem;float: left;}
  .platform li:nth-of-type(4) , .platform li:nth-of-type(8){margin-right: 0;}
  .platform li div{height: 5rem;margin-bottom: 1rem;}
  .platform li div img{width: 5rem;height: 5rem;}

  .ztslide{height: 8.75rem;}
  .ztslide .swiper-container{height: 8.75rem;}
  .ztslide .swiper-pagination{bottom: -1rem;right: 18.0625rem;}
  .ztslide .swiper-container img{display: none;}
  .ztslide .swiper-container .esda{background: url(mob20da.jpg) no-repeat;display: block;width: 100%;height: 100%;background-size: 100%;}
  .ztslide .swiper-container .yunpt{background: url(mobyun.jpg) no-repeat;display: block;width: 100%;height: 100%;background-size: 100%;}
}