@charset "utf-8";
/* CSS Main */

html{color:#4d4d4d; height:100%; min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea,span{font:13px/1.5em "microsoft yahei";overflow-x: hidden;}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit}
fieldset,img,a img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:200}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:200}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
ins,a{text-decoration:none}
input,button { border:none; background:none;}

body{ text-align:center;padding-bottom: 100px;}
#wrapper { height:auto; margin:0 auto; background:#fff;}
#container {width:100%;margin:0 auto;}
#container {height:auto!important; height:100%; min-height:100%;padding-bottom: .45rem;}
#header { height:auto; overflow:hidden;z-index:1; position:relative;text-align:center;}
#main { height:auto!important; height:100%; position:relative;}
#footer { padding:5px 0; background:#000; color:#fff;}

/* banner */
.structure_one{height:7.3rem;background: url(../Image/dlhdH5/2021/banner.jpg) no-repeat center center;background-size:cover ;}
.structure_one h1{color: #ffffff;font-size: .48rem;line-height: .48rem;padding: .69rem 0 .2rem  0;}
.structure_one p{color: #ffffff;font-size: .23rem;opacity: 0.7;line-height: .42rem;}
.structure_one a{display: block;width: 2.0rem;height: .7rem;color: #ffffff;font-size: .3rem;line-height: .7rem;background: #edaa00;margin: auto;border-radius:5px ;margin-top: .45rem;}

/* 营销工具 */
.structure_1{min-height: 13rem;background-color: #fff;}
.structure_1 h2{font-size:.36rem;color:#333;font-weight: 200;padding-top:.82rem;line-height: 1;}
.structure_1 > p{font-size:.23rem;color:#999999;line-height: .36rem;margin:.20rem auto 0;width:6.87rem;text-align: center;}
.structure_1 .tabbox{width:6.87rem;margin:.51rem auto 0;position: relative;}
.structure_1 .tabbox input{display:none;}
.structure_1 .tabbox label{display:block;width:33%;line-height:.77rem;text-align:center;border-bottom:.01rem solid #eee;float: left;font-size:.30rem;color:#666;position: relative;}
.structure_1 .tabbox i{display: none;}
/* .structure_1 input:checked+label{color:#36c6da;} */
.structure_1 input:checked+label i{display: block;width:.79rem;height:.04rem;background-color: #36c6da;position: absolute;bottom:0;left:0;right:0;margin:auto;}
.structure_1 .tab_content{display:none;width:6.87rem;margin:.62rem auto 0;position: absolute;left:0;top:0.36rem;flex-direction: row;flex-wrap: wrap;justify-content:flex-start;align-content: flex-start;}
.structure_1 input:checked+label+div{display: flex;}
.structure_1 .tab_content .item{width:1.46rem;height:2.66rem;margin-right:.13rem;padding:.05rem .08rem;margin-bottom:.25rem;display: flex;flex-direction: column;align-items: center;}
.structure_1 .tab_content .item:nth-child(4n){margin-right:0;}
.structure_1 .tab_content .item .imgbox{width:100%;height:2.18rem;}
.structure_1 .tab_content .item .imgbox img{width:100%;height:100%;}
.structure_1 .tab_content .item p{line-height: .48rem;font-size:.19rem;color:#666;}

/* 我们还可以为您做到 */
.structure_2{ overflow: hidden; background: url(../Image/dlhdH5/structure_2_bg.png) no-repeat center center;background-size: cover;}
.structure_2 h2{font-size:.36rem;color:#333;font-weight: 200;padding-top:.55rem;line-height: 1;}
.structure_2 > p{font-size:.23rem;color:#999999;line-height: .36rem;margin:.20rem auto 0;width:6.87rem;text-align: center;}
.structure_2 .box{ overflow: inherit; display: flex;flex-direction: row;align-items: center; margin-top: .5rem; padding-bottom: .9rem;}
.structure_2 .box .item { width: 3.83rem; height: 4rem; margin-right: .24rem; background-color: #fff;}
.structure_2 .box .item:nth-child(1) .prize_title { background: url(../Image/dlhd/2021/jp_01.jpg) no-repeat;background-size: cover;}
.structure_2 .box .item:nth-child(2) .prize_title { background: url(../Image/dlhd/2021/jp_02.jpg) no-repeat;background-size: cover;}
.structure_2 .box .item:nth-child(3) .prize_title { background: url(../Image/dlhd/2021/jp_03.jpg) no-repeat;background-size: cover;}
.structure_2 .box .item .prize_title h3 {font-size: .24rem;color: #ffffff; padding: .56rem 0 .56rem 1rem;}
.structure_2 .box .item p {font-size: .18rem;color: #5e6471; padding: .4rem; text-align: left; line-height: 1.8em;}
.swiper-wrapper{align-items: center;}
#investproSwiper .swiper-wrapper .swiper-slide-active{width:4.22rem;height:4.42rem;margin-right:.24rem;}
#investproSwiper .swiper-wrapper .swiper-slide-active .prize_title h3{font-size:.26rem;color:#fff;line-height: 1; padding: .58rem 0 .58rem 1rem;}
#investproSwiper .swiper-pagination { bottom: .4rem;}
/* 自定义swiper分页器样式 */
.swiper-pagination .swiper-pagination-bullet-active{background: #58cddd !important;border-radius: .05rem;}
.swiper-pagination .swiper-pagination-bullet{width:.26rem;height:.08rem;background: #626262;border-radius: .05rem;}

/* 案例展示 */
.structure_3{height:5.32rem;}
.structure_3 h2{font-size:.36rem;color:#333;font-weight: 200;padding-top:.90rem;line-height: 1;}
.structure_3 img{width:6.87rem;margin:.65rem auto 0;}
.signForm h1 { line-height: 1.38rem; padding-top: .35rem; font-size: .36rem; color: #333333; font-weight: 200; width: 100%; text-align: center; padding-left: 0; background: #ffffff; font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft Yahei;}


/* *{ touch-action: none; } */
/* 2022-4 */
.banner{
  width:100%;
  height:7.4rem;
  background-color: #1a62e1;
  text-align: center;
  position: relative;
}
.banner > img{width: 4.44rem;position: absolute;top:0;left:0;right:0;margin:auto; z-index: 0;}
.banner h1{
  font-size:.44rem;
  color:#fff;
  font-weight: 600;
  line-height: 1;
  padding-top:4.27rem;
}
.banner p{
  padding-top:.28rem;
  font-size: .22rem;
  color:#fff;
  line-height: .36rem;
}
.banner > a{
  display: inline-block;
  font-size:.30rem;
  color:#1a62e1;
  padding:.21rem .46rem;
  border-radius: .08rem;
  background-color: #fff;
  margin-top:.35rem;
}
.banner > span{
  display: block;
  color: #ffffff;
  font-size: .28rem;
  margin-top: .1rem;
  position: relative;
  z-index: 1;
}

.section_1{
  width: 7.50rem;
  min-height: 8.43rem;
  margin:auto;
  background-color: #fff;
}
.section_1 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: 1;
  padding-top:1.07rem;
  font-weight: 600;
}
.section_1 > img{
  width:6.56rem;
  margin:.69rem auto 0;
}

.section_2{
  width:7.50rem;
  min-height:20rem;
  background-color: #fff;
  margin:auto;
}
.section_2 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: .52rem;
  padding-top:.85rem;
  padding-bottom:.59rem;
  font-weight: 600;
}
.section_2 .box{
  width:6.80rem;
  height:3.36rem;
  box-shadow: 0 0 .43rem rgba(26,98,225,.1);
  border-radius: .06rem;
  margin:auto;
  text-align: left;
  position: relative;
  margin-bottom:.48rem;
}
.section_2 .box h3{
  font-size:.26rem;
  color:#0069ff;
  line-height: .42rem;
  width:100%;
  background-color: #c9dfff;
  font-weight: 600;
  text-align: center;
  border-top-left-radius: .06rem;
  border-top-right-radius: .06rem;
}
.section_2 .box h4{
  font-size:.26rem;
  color:#212c42;
  line-height: 1;
  padding-top:.22rem;
  padding-left:.38rem;
  font-weight: 400;
}
.section_2 .box .left_img{
  display: block;
  width: 2.73rem;
  height:1.94rem;
  box-shadow: 0 0 .70rem rgba(186, 194, 211, .3);
  margin-top:.18rem;
  margin-left:.35rem;
  float: left;
}
.section_2 .box .right{
  display: block;
  min-width:3.15rem;
  margin-left:.50rem;
  box-sizing: border-box;
  float:left;
}
.section_2 .box .right h5{
  font-size: .26rem;
  line-height: 1;
  padding-top:.18rem;
  padding-bottom:.13rem;
  color:#212c42;
  font-weight: 400;
}
.section_2 .box .right ul{
  display: flex;
  flex-direction: row;
  margin-bottom:.10rem;
}
.section_2 .box .right ul li{
  font-size:.22rem;
  color:#1a62e1;
  padding:.09rem .20rem;
  background-color: #e7eeff;
  margin-right:.09rem;
  line-height: 1;
}
.section_2 .box .right ul .li_2{padding:.09rem .07rem}
.section_2 .box .right ul li:last-child{margin:0}
.section_2 .box:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.section_2 .box .jt{
  width:.25rem;
  height:.32rem;
  position: absolute;
  bottom:-.40rem;
  left:0;
  right:0;
  margin:auto;
}
.section_2 .text_list{
  width:7.50rem;
  height:5.62rem;
  margin-top:.79rem;
  background: url(../Image/dlhdH5/2022/text_list_bg1.png) center top no-repeat;
  background-size: 7.50rem 1.40rem;
  box-sizing: border-box;
  padding-top:.67rem;
  position: relative;
  text-align: left;
}
.section_2 .text_list p{
  line-height: .35rem;
  font-size:.22rem;
  color:#626d84;
  margin-bottom:.24rem;
}
.section_2 .text_list p span{
  display: inline-block;
  font-size:.24rem;
  width:.35rem;
  height: .35rem;
  margin-right:.13rem;
  margin-left:.45rem;
  border-radius: 50%;
  background-color: #0a61e1;
  color:#fff;
  text-align: center;
  line-height: .35rem;
  vertical-align: middle;
}
.section_2 .text_list .bg2{
  width:2.79rem;
  height: 3rem;
  position: absolute;
  right:.34rem;
  bottom:.92rem;
}

.section_3{
  width:7.50rem;
  min-height:7.50rem;
  margin:auto;
  background-color: #1a62e1;
}
.section_3 h2{
  font-size:.36rem;
  color:#fff;
  line-height: .52rem;
  padding-top:.64rem;
  font-weight: 600;
}
.section_3 .swiper-container-s3{
  width:100%;
  height:5.04rem;
  margin-top:.85rem;
  overflow: hidden;
  position: relative;
}
.section_3 .swiper-container-s3 .swiper-slide{box-sizing: border-box;text-align: center;padding-top:.98rem;}
.section_3 .swiper-container-s3 .swiper-slide img{width:100%;}
.section_3 .pagination {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.section_3 .pagination .swiper-pagination-bullet{
  width:.12rem;
  height:.12rem;
  background-color: #5a8de8;
  border-radius: 50%;
  margin-right:.11rem;
}
.section_3 .pagination .swiper-pagination-bullet-active{
  width:.16rem;
  height:.16rem;
  background-color: #fff;
}
.section_3 .swiper-container-s3 .top_text{
  position: absolute;
  height:.41rem;
  top:0;
  left:2.37rem;
  z-index: 99;
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  /* transition: all 1s; */
}
.section_3 .swiper-container-s3 .top_text span{
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size:.24rem;
  color:#76a1ed;
}
.section_3 .swiper-container-s3 .top_text span.action{color:#fff;}
.section_3 .swiper-container-s3 .top_text span.action i{color:#1a62e1;background-color: #fff;}
.section_3 .swiper-container-s3 .top_text span i{
  display: inline-block;
  text-align: center;
  line-height: .41rem;
  border-radius: 50%;
  width:.41rem;
  height:.41rem;
  background-color: #76a1ed;
  font-size:.22rem;
  color:#fff;
  font-style: unset;
  font-weight: 500;
  margin-right:.18rem;
}
.section_3 .swiper-container-s3 .top_text span b{
  display: inline-block;
  width:1.55rem;
  height: .16rem;
  background: url(../Image/dlhd/2022/s3_top_text_icon.png) center center no-repeat;
  background-size: 100%;
  margin-left:.80rem;
  margin-right:.78rem;
}

.section_4{
  width:7.50rem;
  min-height:10.66rem;
  margin:auto;
  background-color: #ffffff;
}
.section_4 h2{
  font-size:.36rem;
  color:#1f2b43;
  line-height: .52rem;
  padding-top:1rem;
  padding-bottom:.55rem;
  font-weight: 600;
}
.section_4 .tabbar{
  width:100%;
  height:.66rem;
  border-bottom:1px solid #e1e6f0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
}
.section_4 .tabbar li{
  width:1.03rem;
  height:100%;
  margin:0 .12rem;
}
.section_4 .tabbar li h3{
  font-size:.26rem;
  color:#212c42;
  line-height: .67rem;
  text-align: center;
  font-weight: 500;
}
.section_4 .tabbar li.action h3{color:#1a62e1;}
.section_4 .tabbar i{
  display: block;
  width:1.03rem;
  height:2px;
  background-color: #1a62e1;
  position: absolute;
  bottom:0;
  left:1.98rem;
  transition: all .3s;
}
.section_4 .label_item{
  /* width:13.59rem;
  display: flex;
  flex-direction: row;
  justify-content: center; */
  overflow: hidden;
  margin-top:.58rem;
  margin-bottom:.36rem;
  padding:0 .40rem;
}
.section_4 .label_item .swiper-wrapper{width:100%;}
.section_4 .label_item li{width:auto;box-shadow: 0 0 .21rem rgba(160, 171, 180, .1);}
.section_4 .label_item li a{
  font-size:.24rem;
  color:#0a62e1;
  text-align: center;
  line-height: 1;
  /* padding:0 .17rem; */
  white-space: nowrap;
}
.section_4 .label_item li.empty a{color:#3f485b;}

.section_4 .content{
  width:6.85rem;
  height:6.25rem;
  margin:auto;
}
.swiper-container-s4{
  width:100%;
  height:5.83rem;
  overflow: hidden;
}
.section_4 .pagination2 {
  width:100%;
  height:.12rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right:0;
  margin:auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.section_4 .pagination2 .swiper-pagination-bullet{
  width:.09rem;
  height:.09rem;
  background-color: #b6b9c6;
  border-radius: 50%;
  margin-right:.15rem;
}
.section_4 .pagination2 .swiper-pagination-bullet-active{
  width:.12rem;
  height:.12rem;
  background-color: #0a62e1;
}
.swiper-container-s4 .main{
  width:100%;
  height:100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
}
.swiper-container-s4 .main li{
  width:2.16rem;
  height:1.69rem;
  box-shadow: 0 0 21px rgba(160,171,180,0.2);
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: .20rem;
  cursor: pointer;
  position: relative;
}
.swiper-container-s4 .main li > img{
  margin-top:.08rem;
  width:2rem;
  height:1.17rem;
}
.swiper-container-s4 .main li span{
  font-size:.22rem;
  color:#212c42;
  line-height: .40rem;
  position: relative;
}


.section_5{
  width:7.50rem;
  min-height:7.76rem;
  margin:auto;
  /* background: url(../Image/dlhdH5/2022/s5_bg.png) center center no-repeat; */
  background-size: cover;
}
.section_5 h2{
  font-size:.36rem;
  color:#212c42;
  line-height: .52rem;
  padding-top:.91rem;
  padding-bottom:.59rem;
  font-weight: 600;
}
.section_5 > img{
  width:5.91rem;
  height:3.15rem;
}
.section_5 > ul{
  width:100%;
  height:1.12rem;
  display: flex;
  flex-direction: row;
  margin-top:.57rem;
}
.section_5 > ul li{
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.section_5 > ul li p{
  font-size:.24rem;
  color:#212c42;
  line-height: 1;
}
.section_5 > ul li:nth-child(1) img{width:.53rem;height:.53rem;}
.section_5 > ul li:nth-child(2) img{width:.50rem;height:.49rem;}
.section_5 > ul li:nth-child(3) img{width:.58rem;height:.53rem;}

.section_6{
  width:7.50rem;
  min-height:8.84rem;
  background-color: #fff;
  margin:auto;
}
.section_6 h2{
  font-size:.36rem;
  color:#212c42;
  line-height: .52rem;
  padding-top:.83rem;
  padding-bottom:.53rem;
  font-weight: 600;
}
.section_6 > img{
  width:7.31rem;
  height:2.47rem;
}
.section_6 ul{
  width:7.04rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  margin:.30rem auto 0;
}
.section_6 ul li{
  width:2.25rem;
  height:1.38rem;
  margin-bottom:.19rem;
  position: relative;
}
.section_6 ul li img{
  width:100%;
  height: 100%;
}
.section_6 ul li h3{
  position: absolute;
  left:0;
  bottom:0;
  width:100%;
  height:.37rem;
  background-color: rgba(0,0,0,0.5);
  font-size:.22rem;
  color:#fff;
  text-align: center;
  line-height: .37rem;
}

.signForm { z-index: 10000; position: relative;}
.signForm iframe { height: 4rem;}