/* p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} */
body{font-size: 20px;line-height: 160%;}

/* banner */
.header_banner{background: url(../images2021/bg1.jpg) no-repeat center top;height:825px;}
.header_banner .m1200{padding-top: 590px;}
.header_banner .m1200 .dyTxt{background: url(../images2021/yinY.png) no-repeat center left;width: 100%;color: #000e75;font-size:20px;line-height: 140%;position: relative;height: 162px;margin-left:15%;}
.header_banner .m1200 .dyTxt p{padding: 0 20px 0 250px;margin-bottom: 5px;}


/*title*/
.page{padding:40px 0 0 0;}
.title{text-align: center;padding-bottom:30px;}
.titleH3{font-size: 30px;color: #06177f;text-align: center;}
.pageCon2{background: #3cc7bf;background: linear-gradient(144deg,#3cc7bf,#049fd7,#2e2fb5);}
.tipTxt{font-size: 16px;color: #bebebe;text-align: center;line-height: 160%;padding-top: 20px;}
/*page1*/
.page1{padding-top: 0;background: url(../images2021/bg2.jpg) no-repeat center bottom;}
.page1 .content .bgUl{background: url(../images2021/bgCenter.png) no-repeat center top;width: 100%;margin: 50px 0;}
.page1 .content .bgUl dl{width: 33%;float: left;margin-bottom: 35px;}
.page1 .content .bgUl dl:nth-child(2){margin-left: 33%;}
.page1 .content .bgUl dl:nth-child(3){margin-left: 5%;}
.page1 .content .bgUl dl:nth-child(4){margin-left: 25%;}
.page1 .content .bgUl dl:last-child{margin-left: 33%;}
.page1 .content .bgUl dl dt{float: left;width: 25%;position: relative;z-index: 2;}
.page1 .content .bgUl dl dt img{display: block;width: 100%;}
.page1 .content .bgUl dl dd{width: 75%;border-radius: 50px;box-shadow: 0 0 10px 0px #d5d5d5;float: left;padding: 15px 0 15px 12%;box-sizing: border-box;margin-top: 12px;margin-left: -8%;position: relative;z-index: 1;}
.page1 .content .bgUl dl dd h4{font-size: 24px;color: #333333;line-height: 140%;}
.page1 .content .bgUl dl dd p{font-size: 16px;color: #666666;}
.page1 .content .wayUl{padding-bottom: 28px;margin-top: 55px;}
.page1 .content .wayUl li{width: 22%;margin-right: 3%;background: #ffffff;border-radius: 15px;position: relative;text-align: center;height: 370px;padding: 35px 0;box-sizing: border-box;float: left;box-shadow: 0 0 5px 0 #ebeffb;}
.page1 .content .wayUl li::after{
  content:'';
  display: block;
  width: 100%;
  height: 28px;
  background: url(../images2021/line1.png) no-repeat center top;
  position: absolute;
  bottom: -28px;
  left: 0;
}
.page1 .content .wayUl li h4{font-size: 24px;color: #333333;line-height: 120%;background: url(../images2021/line2.png) no-repeat center bottom;padding: 20px 0;}
.page1 .content .wayUl li p{font-size: 16px;color: #333333;line-height: 160%;width: 80%;margin:20px auto 0;text-align: left;}
.page1 .content .solveCon{background: url(../images2021/line3.png) no-repeat center top;width: 100%;box-sizing: border-box;margin-left: -4.5%;}
.page1 .content .solveCon .fl{color: #ffffff;font-size:16px;line-height: 160%;text-align: center;padding:75px 0 35px 7%;}
.page1 .content .solveCon .fl b{font-size: 22px;}
.page1 .content .solveCon .fr{color:#000e75;font-size: 20px;line-height: 160%;padding-top:95px;margin-right: 5%;}

/*page2*/
.page2{background: #f4f6f8;padding-bottom: 50px;}
.page2 .content ul{background: url(../images2021/popBg.png) no-repeat center top;overflow: hidden;padding-bottom: 50px;}
.page2 .content ul li{width: 50%; font-size: 18px;color: #333333;line-height: 160%;float: left;}
.page2 .content ul li:nth-child(2){float: right;}
.page2 .content ul li p{background: url(../images2021/line4.png) no-repeat center top;padding: 25px 10% 25px 0;box-sizing: border-box;width: 70%;text-align: right;margin-top: 30px;}
.page2 .content ul li:nth-child(2) p{background: url(../images2021/line5.png) no-repeat center top;text-align: left;padding-left: 10%;margin-left: 30%;padding-right: 0;}

/*page3*/
.page3{background: url(../images2021/bg3.jpg) no-repeat center top;padding-bottom: 50px;}
.page3 .content dl{width: 100%;}
.page3 .content dl dt{float: left;width: 81%;}
.page3 .content dl:nth-child(2) dt{background:url(../images2021/line8.png) no-repeat center right;}
.page3 .content dl:nth-child(3) dt{background:url(../images2021/line9.png) no-repeat center right;}
.page3 .content dl:nth-child(4) dt{background:url(../images2021/line10.png) no-repeat center right;}
.page3 .content dl:last-child dt{background:url(../images2021/line11.png) no-repeat center right;}
.page3 .content dl dt h4{background: url(../images2021/line6.png) no-repeat center top;width: 30%;font-size:16px;color: #00157d;display: table;height: 72px;margin: 10px 0;}
.page3 .content dl dt h4 i{width: 27%;display: table-cell;vertical-align: middle;text-align: center;line-height: 160%;}
.page3 .content dl dt h4 b{font-size: 24px;width: 73%;display: table-cell;vertical-align: middle;padding-left: 10%;box-sizing: border-box;}
.page3 .content dl dt ul{width: 95%;border-left: 1px solid #efdad6;margin-left: 4%;}
.page3 .content dl dt ul li{margin-left: -0.7%;margin-bottom: 18px;line-height: 100%;}
.page3 .content dl dt ul li span{color: #0f44ab;margin-right: 1%;}
.page3 .content dl dd{background: #ffffff;border-radius: 5px;box-shadow: 0 0 5px 5px #c0bec1;font-size: 18px;position: relative;text-align:center;font-weight: bold;width: 18%;float: right;padding: 15px 0;color: #00157d;line-height: 140%;margin-top: 60px;}
.page3 .content dl dd span{display: block;color: #ffffff;font-size:17px;position: absolute;left: 0;top:-32px;width: 30%;padding: 2px 0;text-align: center;background: linear-gradient(90deg,#bc5362,#5c46e6);border-radius: 5px;}
.page3 .content dl:nth-child(4) dd{margin-top: 120px;}
.page3 .content dl:last-child dd{margin-top: 40px;}



.xdf_slide{width: 142px;height: 182px;bottom: 0px;}
.xdf_slide .xdf_slidebtn{bottom:30px;}
.xdf_bottomForm.form-wrap form .label{width:20%;}
.xdf_bottomForm.form-wrap{background: rgba(76,91,164,0.7);}

.xdf_slide .xdf_slidebtn{bottom:20px;left: 17px;}
.xdf_bottomForm.form-wrap .xdf_formbtn{background:linear-gradient(90deg,#d8a399,#f8e2d1,#d8a499);width: 20%;color: #425592;font-weight: bold;border:2px solid #eeb881;cursor: pointer;}



@media screen and (max-width:1000px) {
  body{font-size: 0.28rem;line-height: 160%;background: #ffffff;padding-bottom: .8rem;}
  .m1200{width: 94%}
  .page {padding: 0.4rem 0;}
  .title{padding-bottom: 0.4rem;}
  .title img{width: 60%}
  .titleH3{font-size: 0.3rem;text-align: left;}
  
  /* banner */
  .header_banner{background: url(../images2021/mbg1.jpg) no-repeat center top;height:11.06rem;background-size: contain;}
  .header_banner .m1200{padding-top: 7.5rem;}
  .header_banner .m1200 .dyTxt{background: url(../images2021/yinY.png) no-repeat center left;font-size:0.26rem;line-height: 140%;height: auto;margin-left:0;background-size: 1.97rem 1.37rem;}
  .header_banner .m1200 .dyTxt p{padding: 0 0 0 28%;margin-bottom: 5px;}

  /*page1*/
  .page1{padding-top: 0;background: url(../images2021/mbg2.jpg) no-repeat center bottom;background-size: contain;}
  .page1 .content .bgUl{background:none;width: 80%;margin: 0.2rem auto;}
  .page1 .content .bgUl dl{width: 100%;float: left;margin-bottom: 0.25rem;}
  .page1 .content .bgUl dl:nth-child(2){margin-left: 0;}
  .page1 .content .bgUl dl:nth-child(3){margin-left: 0;}
  .page1 .content .bgUl dl:nth-child(4){margin-left: 0;}
  .page1 .content .bgUl dl:last-child{margin-left: 0;}
  .page1 .content .bgUl dl dd{width: 75%;border-radius: 0.8rem;box-shadow: 0 0 0.1rem 0px #d5d5d5;padding: 0.18rem 0 0.18rem 12%;margin-top: 0.1rem;margin-left: -8%;}
  .page1 .content .bgUl dl dd h4{font-size: 0.3rem;}
  .page1 .content .bgUl dl dd p{font-size: 0.24rem;}
  .page1 .content .wayUl{padding-bottom: 0;width: 94%;margin:0.4rem auto 0;}
  .page1 .content .wayUl li{width: 48%;margin-right: 2%;border-radius: 0.15rem;height: 4.6rem;padding: 0.3rem 0;box-shadow: 0 0 0.08rem 0 #ebeffb;margin-bottom: 0.25rem;}
  .page1 .content .wayUl li::after{content:'';display: none;}
  .page1 .content .wayUl li img{display: block;width: 35%;margin:0 auto;}
  .page1 .content .wayUl li h4{font-size: 0.32rem;background: url(../images2021/line2.png) no-repeat center bottom;padding: 0.2rem 0;background-size: 0.4rem 0.05rem;} 
  .page1 .content .wayUl li p{font-size:0.24rem;margin:0.25rem auto 0;text-align: left;width: 93%;}
  .page1 .content .solveCon{background: url(../images2021/mline3.png) no-repeat center top;width: 100%;box-sizing: border-box;margin:0 auto;background-size: cover;height: 5.6rem;}
  .page1 .content .solveCon .fl{font-size:0.26rem;padding:1.28rem 0 0 0;float: none;}
  .page1 .content .solveCon .fl b{font-size: 0.3rem;}
  .page1 .content .solveCon .fr{color:#000e75;font-size: 0.26rem;line-height: 160%;padding-top:0.8rem;margin-right: 0;float: none;width: 94%;margin: 0 auto;}

  /*page2*/
  .page2{padding-bottom: 0.5rem;padding-top: 0;}
  .page2 .content ul{background: none;overflow: hidden;padding-bottom: 0}
  .page2 .content ul li{width: 100%; font-size: 0.28rem;float: none;}
  .page2 .content ul li:nth-child(2){float: none;}
  .page2 .content ul li p{background: url(../images2021/line5.png) no-repeat center top;padding: 0.3rem 0 0.3rem 20%;box-sizing: border-box;width: 100%;text-align: left;margin-top: 0;background-size: contain;margin-bottom: 0.2rem;}
  .page2 .content ul li:nth-child(2) p{background-size: contain;float: none;padding-left: 20%;margin-left: 0;}
  /*page3*/
  .page3{background: url(../images2021/mbg3.jpg) no-repeat center top;padding-bottom: 0.2rem;background-size: contain;}
  .page3 .content dl{width: 100%;}
  .page3 .content dl dt{float: left;width: 100%;}
  .page3 .content dl:nth-child(2) dt{background:none;}
  .page3 .content dl:nth-child(3) dt{background:none;}
  .page3 .content dl:nth-child(4) dt{background:none;}
  .page3 .content dl:last-child dt{background:none;}
  .page3 .content dl dt h4{background: url(../images2021/line6.png) no-repeat center top;width: 58%;font-size:0.22rem;display: table;height: 1.055rem;margin: 0.2rem 0;background-size: cover;}
  .page3 .content dl dt h4 i{width: 25%;}
  .page3 .content dl dt h4 b{font-size: 0.32rem;}
  .page3 .content dl dt ul{width: 96%;border-left: 1px solid #efdad6;margin-left: 4%;}
  .page3 .content dl dt ul li{margin-left: -1.5%;margin-bottom: 0.18rem;line-height: 160%;}
  .page3 .content dl dt ul li span{color: #0f44ab;margin-right: 2%;display: block;float: left;width: 3%;}
  .page3 .content dl dt ul li i{display: block;float: left;width: 92%;line-height: 160%;}
  .page3 .content dl dt ul li .chanC{border-radius:0.05rem;box-shadow: 0 0 0.05rem 0rem #c0bec1;font-size: 0.26rem;width: 85%;float: none;padding: 0.3rem 0;color: #00157d;line-height: 140%;margin:0.2rem auto 0;position: relative;text-align: center;font-weight: bold;}
  .page3 .content dl dt ul li .chanC span{display: block;color: #ffffff;font-size:0.24rem;left: 0;top:0;width: 20%;padding: 0.05rem 0;border-radius: 0.05rem;float: none;margin-right: 0;background: linear-gradient(90deg,#bc5362,#5c46e6);text-align: center;position: absolute;}
  .page3 .content dl:nth-child(4) dd{margin-top: 0;}
  .page3 .content dl:last-child dd{margin-top: 0;}
  /*page4*/
  .page4{padding-bottom: 0.2rem;}
  .page4 .content .outputUl li{width: 100%;}
  .page4 .content .outputUl li:nth-child(1) p:nth-child(2){width: 100%;}
  .page4 .content .outputUl li:nth-child(2){margin-left: 0;}
  .page4 .content .outputUl li:nth-child(3){margin-left:0;width: 100%;}
  .page4 .content .outputUl li h3{background: url(../images2021/line3.png) no-repeat center top;font-size:0.3rem;width: 49%;height: 1.64rem;background-size: contain;margin: 0 auto 0.15rem;}
  .page4 .content .outputUl li p{font-size: 0.24rem;background: url(../images2021/line2.png) no-repeat left top;padding-left: 3%;margin-bottom: 0.25rem;background-size: 0.05rem 0.28rem;float: left;line-height: 110%;width: 46%;}
  .page4 .content .outputUl li:nth-child(3) h3{width: 49%;}
  .page4 .content .outputUl li:nth-child(3) p{padding-left: 3%;}
  
  .page9{background:#1c15b4 url(../images2021/mbg4.jpg) no-repeat center bottom;background-size: contain;}
  .form-wrap{width: 97%;}
  .form-wrap form .label{width: 95%;border-radius:0;border-color: #6985dc;}
  .form-wrap .xdf_formbtn{width: 95%;background: #ffa82a;border-radius: 0.5rem;background: linear-gradient(90deg,#d9a52e,#fdb003,#d9a52e);}
  .form-wrap .xdf_formbtn:hover{background: #ffa82a;background: linear-gradient(90deg,#d9a52e,#fdb003,#d9a52e);}
  .form-wrap .tiaokuan a{color:#ffa82a;}
  .form-wrap form .label i.iconDown{left: 89%;}
}