@charset "utf-8";
body{padding:0;margin: 0 auto;font-family:"Microsoft YaHei";min-width:320px;max-width: 640px;font-size: 16px!important;}
ul{list-style:none;padding: 0;}
img{vertical-align:top;display:block;border:none;}
a{color:inherit;cursor:pointer;text-decoration:none;}
html{font-size: 100px;}

.banner img{width: 100%;}

.tit_h2{font-size: 0.32rem;text-align:center;line-height: 1.6em;letter-spacing:0.02rem;margin: 0 0 0.2em;color: #484848;}
.tit_p{font-size: 0.18rem;text-align:center;line-height: 1.6em;margin: 0 0 0.2em;color: #4d4848;}
.ljzx{display: inline-block;width: 3rem;overflow:hidden;color: #ffffff;text-align:center;border-radius: 0.3rem;background: #ee5d26;font-size: 0.22rem;line-height: 2.2em;}
.ljzx.sty2{color: #ee5d26;background: #ffffff;}

.pg1{width: 96%;margin: 5% auto;text-align: center;}
.pg2{width: 96%;margin: 5% auto;text-align: center;border: 0.05rem solid #ededed;padding: 5% 2%;box-sizing: border-box;position: relative;}
.pg2::after{content: "";background: url("../images/pg2_bg.png") center bottom /100% no-repeat;width: 5.8rem;height: 0.2rem;position: absolute;top: 100%;left: 0;right: 0;margin: auto;}
.pg3{background: #3630cb;padding: 5% 2%;text-align: center;}
.pg4{background: #8d6ef2;padding: 5% 2%;text-align: center;}

.sec4 {display: flex;flex-wrap: wrap;justify-content: space-between;/* padding: 0 10%; */margin: 3% 0;}
.sec4 li {width: 32%;margin: 1% 0;font-size: 0.22rem;line-height: 1.6em;}
.sec4 li span {font-size: 0.26rem;color: #ee5d26;font-weight: bold;}

.sec5 {display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 10%;margin: 3% 0;}
.sec5 li {width: 32%;margin: 1% 0;font-size: 0.18rem;line-height: 1.6em;color: #4d4848;}
.sec5 li span {font-size: .3rem;color: #ee5d26;font-weight: bold;}

.yybm {margin: 3% auto 0;}
.yybm ul{margin: 0;padding: 0;}
.yybm li{margin: 2% auto;}
.yybm i{font-size: 0.2rem;font-style: normal;width: 3.5em;display: inline-block;text-align: left;}
.yybm input {width: 78%;line-height: 2.6em;font-size: 0.2rem;/* border-radius: 0.1rem; */color:#333;background: #f0f0f0;border: solid 1px #e0e0e0;padding: 0;text-indent: 2em;}
.yybm p {font-size: 0.17rem;color:#fe0000;line-height: 1.6em;margin: 2% 0 3%;}
.yybm .ljyy{display: inline-block;color: #fff;text-align: center;background: #ee5d26;font-size: 0.22rem;line-height: 2.2em;border: 0;border-radius: 0.3rem;margin: 0 auto;box-shadow: none;text-indent: 0;width: 3rem;}

.con1{display: flex;justify-content: space-between;margin: 3% 0;}
.con1 li{width: 24.6%;margin: 1% 3%;}
.con1 img{width: 100%;}
.con1 h3{font-size: 0.2rem;margin: 0 auto;line-height: 1.6em;color: #615e5e;}
.con1 p{font-size: 0.16rem;margin: 0.5em auto 0;line-height: 1.6em;color: #615e5e;}

.con2{display: flex;justify-content: space-between;margin: 3% 0;}
.con2 li{width: 30%;margin: 1% 0;}
.con2 div{width: 1.6373rem;overflow: hidden;border-radius: 50%;background-image: linear-gradient(#ffbd8d, #ff9539, #ff851b);position: relative;box-shadow: inset 0 0 0.2rem #ffe8bc, 0 0.05rem 0.05rem #ff5400;border: 0.02rem solid #ff6316;box-sizing: border-box;height: 1.6373rem;margin: 0 auto;}
.con2 h3{line-height: 2em;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;font-size: 0.2rem;color: white;font-weight: normal;height: 4em;}
.con2 span{font-size: 0.36rem;font-weight: bold;}
.con2 p{font-size: 0.16rem;margin: 0.5em auto 0;line-height: 1.6em;color: #615e5e;}

.con3{display: flex;justify-content: space-around;margin: 3% auto;flex-wrap: wrap;max-width: 556px;}
.con3 li{width: 29.7%;position: relative;border-radius: 0.2rem;overflow: hidden;margin: 2% 0;}
.con3 img{width: 100%;}
.con3 p{font-size: 0.18rem;margin: 0;line-height: 2em;color: #ffffff;position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(81, 116, 229, 0.7);}

.con4{display: flex;justify-content: space-between;margin: 3% 0;flex-wrap: wrap;padding: 0;text-align: left;}
.con4 li{margin: 2% 0;background: white;width: 100%;padding: 0 0.2rem 0.3rem;border-radius: 0.16rem;display: flex;justify-content: space-between;align-items: flex-start;}
.con4 strong{background: #4551f1;color: white;font-size: 0.26rem;padding: 0.2em 1em;font-weight: normal;line-height: 1.6em;margin: 0 0 0.36rem;position: relative;}
.con4 strong::after{content: "";position: absolute;left: 0;top: 100%;border-style: solid;border-width: 1.5em 2em;border-color: #4551f1 transparent transparent;}
.con4 div{width: 78%;margin: 0.3rem 0 0;}
.con4 h3{margin: 0;line-height: 1.6em;color: #4551f1;font-size: 0.24rem;}
.con4 p{font-size: 0.18rem;margin: 0;line-height: 1.6em;color: #a7a5a6;}

.con5 {margin: 3% auto;max-width: 539px;display: flex;padding: 0;flex-wrap: wrap;justify-content: space-between;}
.con5 li {width: 29.7%;margin: 1% 0;}
.con5 img {width: 100%;border-radius: 0.08rem;}
.con5 p{font-size: 0.18rem;line-height: 1.6em;margin: 0;}

.con6{display: flex;justify-content: space-between;margin: 3% auto;flex-wrap: wrap;max-width: 584px;}
.con6 li{width: 32.7%;position: relative;border-radius: 0.2rem;overflow: hidden;margin: 1% 0;}
.con6 img{width: 100%;}

.con7{display: flex;justify-content: space-between;margin: 3% auto;flex-wrap: wrap;max-width: 538px;}
.con7 li{width: 32.7%;position: relative;border-radius: 0.2rem;overflow: hidden;margin: 0.5% 0;}
.con7 img{width: 100%;}

.con8{display: flex;justify-content: space-around;margin: 3% auto;flex-wrap: wrap;max-width: 514px;}
.con8 li{width: 48%;position: relative;border-radius: 0.1rem;overflow: hidden;margin: 2% 0;}
.con8 img{width: 100%;}
.con8 p{font-size: 0.18rem;margin: 0;line-height: 2em;color: #ffffff;position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(81, 116, 229, 0.7);}

.con9{display: flex;justify-content: space-between;margin: 3% auto;flex-wrap: wrap;max-width: 548px;}
.con9 li{width: 32.7%;position: relative;border-radius: 0.2rem;overflow: hidden;margin: 0.5% 0;}
.con9 img{width: 100%;}

.con10 {list-style:none;display: flex;flex-wrap: wrap;justify-content: space-between;padding:  0;font-size: 0.18rem;}
.con10 li{width: 49%;display:inline-block;color:#FFF;margin: 1% 0;box-sizing: border-box;line-height: 2.4em;background: #8d6ef2;}

.co_wt{color: white!important;}
.co_gd{color: #f6e029!important;}
.te_le{text-align: left!important;text-indent: 2em!important;}