@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Microsoft YaHei";font-size:14px;background-color:#fff;overflow-x:visible;height:100%;box-sizing:border-box;color:#333;}
a{color:#000;text-decoration:none;}
li{list-style:none;}
.title{text-align:center;padding: 50px 0 40px 0;width:1200px;margin:auto;}
.title div:nth-child(1){font-size:29px;color:#000000;}
.title div:nth-child(2){font-size:17px;color:#c0c0c0;padding:24px;}
.title p{font-size:17px;color:#6a6a6a;padding:24px;width:80%;text-align:center;margin:auto;}
.title img{width:22px;height:21px;display:inline-block;}
.white{color:#bfbfbf;}
.grey{color:#808080;}
.head-box{position:fixed;top:0;left:0;width:100%;height:70px;z-index:99;background-color:#fff;}
.head{width:1200px;height:70px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.head-shadow{box-shadow:rgba(0,0,0,.1) 0 0 16px;}
.head img{width:156px;height:33px;}
.head ul{height:50px;}
.head ul li{float:left;margin-left:62px;}
.head ul li a{display:block;height:50px;font-size:16px;line-height:50px;color:#333;}
.banner{width:100%;}
.banner img{width:100%;}
.introduce{width:1200px;margin: 50px auto;display:flex;justify-content:space-between;align-items:center;}
.introduce>div{width:600px;}
.introduce>div h3{font-size:36px;line-height:80px;font-weight:normal;}
.introduce>div p{font-size:18px;line-height:32px;}
.introduce>img{width:500px;height:430px;}
.color-box{min-width:1200px;width:100%;background-color:#ebfffa;}
.list-box{width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-bottom: 50px;}
.list-box>img{display:block;width:530px;}
.list-ul{width:586px;}
.list-ul>h3{font-size:36px;line-height:80px;font-weight:normal;}
.list-ul>p{font-size:18px;line-height:32px;}
.list-ul ul{margin-top:50px;}
.list-ul-li{width:546px;padding:14px 20px;display:flex;justify-content:flex-start;align-items:flex-start;border: 1px solid #fff;cursor: pointer;}
.li-choice{border-radius:6px;background-color:#fff;box-shadow:rgba(19,132,105,.2) 0 0 16px;border: 1px solid #03b289 !important;}
.list-ul-li>img{display:block;width:36px;height:36px;border-radius:50%;margin-right:10px;}
.list-ul-li>div{width:500px;}
.list-ul-li.li-choice>div>div{font-size:16px;line-height:32px;height:32px;background-color:#03b289;border-radius:17px 17px 17px 0px;text-align:center;color:#fff;display:inline-block;padding:0 15px;}
.list-ul-li>div>div{font-size:16px;line-height:32px;height:32px;background-color:#d3fef5;border-radius:17px 17px 17px 0px;text-align:center;color:#5fa29d;display:inline-block;padding:0 15px;}
.color-box .list-ul-li {
    border: 1px solid #ebfffa;
}
.list-ul-li>div>p{display:block;font-size:14px;line-height:24px;}
.view{display:block;margin-top:20px;width: 113px;height: 34px;font-size:14px;line-height: 34px;text-align:center;color: #ffffff;background: #02B389;border-radius:16px;cursor:pointer;}
.join-box{width:100%;height:445px;background-color:#ebfffa;}
.join{width:1200px;height:445px;margin:0 auto;overflow:hidden;}
.join>p{font-size:36px;line-height:36px;margin-top:90px;text-align:center;}
.join>img{display:block;width:1000px;height:108px;margin:66px auto 0;}
.join>div{width:100%;height:20px;margin-top:24px;display:flex;justify-content:space-between;align-items:center;}
.join>div span{display:block;width:25%;font-size:20px;line-height:20px;text-align:center;}
.customized{min-width:1200px;width:100%;height:720px;background-image:url('http://images.zhidianmei.com/web/chj/202009110922521392.png');background-repeat:no-repeat;background-position:center;background-size:1920px 720px;}
.user-list-box{min-width:1200px;width:100%;height:665px;background-color:#f5f5f5;}
.user-list{width:1200px;height:665px;margin:0 auto;overflow:hidden;}
.user-list>h3{font-size:40px;line-height:40px;font-weight:normal;text-align:center;margin-top:120px;}
.user-list>div{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;margin-top:55px;}
.user-list>div p{width:180px;height:72px;padding:19px 10px;margin:15px 20px;background-color:#fff;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:24px;line-height:36px;text-align:center;color:#73a196;}
.foot-box{width:100%;background: rgb(51,51,51);margin-top: 50px;}
.foot{width:1200px;margin:0 auto;color:#bfbfbf;}
.foot>p{font-size:14px;text-align:center;line-height:70px;color:#fbfbfb;}
.foot-list{width:1200px;border-bottom:2px solid #bfbfbf;display:flex;justify-content: space-between;align-items:center;font-size:16px;padding: 20px 0;}
.foot-lt{}
.foot-lt>h4{line-height:50px;}
.foot-lt>ul li{line-height:36px;}
.foot-lt>ul li a{color:#bfbfbf;}
.foot-rt>h4{line-height:50px;text-align: center;}
.foot-rt>ul li{height:36px;text-align: center;}
.foot-rt>ul li img{margin-right:10px;}
.mask-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:999;display:none;justify-content:center;align-items:center;}
.mask{width:360px;height:360px;border-radius:16px;background-color:#fff;animation: upIn .6s;}
.mask img{display:block;width:180px;height:180px;margin:60px auto 20px;}
.mask p{font-size:16px;line-height:32px;text-align:center;}
.mask span{display:block;font-size:14px;line-height:32px;text-align:center;}

.popup-code{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);z-index:999;display:none;justify-content:center;align-items:center;}
.popup-code img{width:360px;height:360px;border-radius:16px;animation:upIn .6s;}
.ani-up-in{animation:upIn .6s;}
@keyframes upIn{
	from{opacity:0;transform:translate3d(0,-10%,0);}
	to{opacity:1;transform:translate3d(0,0,0);}
}

.go-top{position:fixed;bottom:44px;left:50%;margin-left:680px;width:80px;height:80px;display:none;flex-wrap:wrap;justify-content:center;align-content:center;background-color:#bbb;cursor:pointer;color:#fff;}
.go-top>img{width:18px;height:8px;margin:10px 30px;}
a.icp{color:#dbce66;}
.intro{position:relative;padding:80px 0;overflow:hidden;}
.intro img{width:100%;position:absolute;left:0;top:0;}
.intro-box{width:1200px;padding:50px;background:#0000009d;color:#fff;margin:auto;position:relative;}
.intro-title{text-align:center;font-size:20px;padding-bottom:20px;}
.menu-list{
    width: 800px;
    margin: auto;
    padding-top: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.menu-list div{
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	border: solid 1px #999999;
	text-align: center;
	padding: 0 30px;
	color: #999999;
	font-size: 16px;
}
.menu-list div.active,.menu-list div:hover{
	height: 40px;
	line-height: 40px;
	border-radius: 40px;
	border: solid 1px #03b289;
	text-align: center;
	padding: 0 30px;
	color: #03b289;
	cursor: pointer;
}
.menu-content{
    text-align: center;
    width: 1200px;
    margin: auto;
    padding-bottom: 50px;
}
.menu-content img{
    width: 100%;
}
.box{
    width: 1200px;
    margin: auto; 
}
.box img{
    width: 100%;
    margin-bottom: 50px;
}
.box img:last-child{
    margin-bottom: 0;
}

.banner-img{
    width: 100%;
}

.icon-list{
    width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.icon-item{
    width:30%;
    border-radius: 10px;
    box-shadow:rgba(19,132,105,.2) 0 0 16px;
    padding:55px 40px;
    text-align: center;
}
.icon-item:hover{
    box-shadow: rgb(7 184 141 / 40%) 0 0 30px;
}
.icon-img{
    text-align: center;
}
.icon-img img{
    width: 140px;
	height: 140px;
    display: inline-block;
}
.icon-title{
    font-size: 17px;
    font-weight: bold;
    margin-top:40px;
}
.icon-intro{
    color:#999;
    margin-top:40px;
    height: 120px;
}
.icon-btn{
    background: #03b289;
    height:40px;
    line-height: 40px;
    text-align: center;
    padding:0 40px;
    display: inline-block;
    margin-top:40px;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
}
.icon-btn:hover{
    background: #049271;
    height:40px;
    line-height: 40px;
    text-align: center;
    padding:0 40px;
    display: inline-block;
    margin-top:40px;
}
.foot-code{}
.code-item{
    display: flex;
    align-items: center;
    margin: 20px 0;
}
.code-item img{
    width: 126px;
    height: 126px;
    background-color: #ffffff;
    border-radius: 5px;
    padding: 10px;
}
.code-title{
    width: 18px;
    margin-right: 25px;
    font-size: 14px;
}
.nav{height: 40px;}