* { margin: 0px; padding: 0px; }
body { background: url("../images/banner.png") center top no-repeat rgb(255, 255, 255); -webkit-text-size-adjust: none;}
html { min-width: 1250px; }
.wraper {width: 100%;margin: 0 auto;min-width: 1200px}
.wrap { width: 1200px; margin: 0px auto; }
.fl { float: left; }
.fr { float: right; }
dl, dt, ul { list-style: none; text-decoration: none; padding-inline-start: 0px; }
a { text-decoration: none; color: #333;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both; }
.un { transition: all 0.3s ease-out 0s; }
.none { display: none; }
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}
.font-white{color: #fff;}

.top{position: relative;}
.top .logo{margin-top: 30px;}
.top .logo span{position: relative;left: -466px;top: -17px;}
.top .title{margin-top: 60px;}
.top .date{background: url(../images/ffsj.png) center no-repeat;width: 653px;height: 90px;margin-top: 45px;box-sizing: border-box;padding: 24px 0 0 113px;}
.top .date div{margin-bottom:10px;color:#ff2425; font-size:18px; font-weight:bold; margin-left:30px}
.top .date p{font-size:16px;color:#663c02;}
.top .mijuan{position: absolute;right: 44px;top: 73px;width: 413px;}

.video{background: url(../images/shipinBox.png) center right no-repeat; height: 357px; margin-top: 70px;}
.video .left-box{background: url(../images/videobox.png) center no-repeat; width: 606px; height: 383px; position: relative; top: -26px;}
.video .left-box .video-bg{overflow: hidden; width: 600px;}
.video .left-box .video-bg video{border-radius: 25px; position: relative;left: 6px; top: 4px;}
.video .left-box .video-bg p{font-size: 20px; text-align: center; margin-top: 10px;}
.video .left-box .video-bg p b{display: inline-block; width: 5px; height: 5px; background-color: #178cf6; position: relative; top: -4px; border-radius: 50%;}
.video .right-box{width: 560px; text-align: center; box-sizing: border-box; padding-top: 45px;}
.video .right-box .lx{color: #663c02; margin-bottom: 30px;}
.video .right-box .middle{color: #663c02; font-size: 28px;}
.video .right-box .middle p{font-size: 16px; width: 85%; text-indent: 2em; padding: 10px 20px; line-height: 25px; margin-bottom: 50px;}
.video .right-box .bot{color: #fff; text-align: left;}
.tit{ text-align: center; padding-top: 30px; margin-bottom: 30px;}
.tit .tit-bg{background: url(../images/title-bg.png) center no-repeat; font-size: 40px; font-weight: bold; height: 60px; line-height: 75px; margin-bottom: 20px;}
.tit .tit-bg span{color: #ff2425;}
.tit p{width: 800px; margin: 10px auto; color: #555; line-height: 28px;}
.explain{padding-bottom: 30px;}
.explain li{width: 384px;height: 243px;box-sizing: border-box;padding: 15px 3px 0 17px;position: relative;overflow: hidden;margin-bottom: 20px;margin-right: 23px;}
.explain li:nth-child(3n){margin-right: 0;}
.explain li .sub{/* text-shadow: 0 1px 0px #999; */color: #fff;position: absolute;right: 7px;top: 13px; font-size: 16px;}
.explain li .name{font-size: 22px; font-weight: bold;}
.explain li .name span{margin-left: 10px; font-size: 14px;}
.explain li .inr{display: inline-block; padding: 2px 5px; margin-top: 10px; margin-bottom: 10px;}
.explain li .ter-inr{width: 222px;font-size: 14px;}
.explain li .ter{position: relative; top: 10px;left: -6px;}
.explain li dd{line-height: 21px; margin-left: 4px;}
.explain li dl a{color: #333;}
.explain li dl dd{background: url(../images/circles.png) left 10px no-repeat; padding-left: 10px;}

.explain li .hide{position: absolute;bottom: -93px;}
.explain li .hide .check{width: 60px; line-height: 15px; display: block; text-align: center; margin: 0 auto;color: #fff;}
.explain li .hide div{width: 380px; height: 96px; left: -17px;position: relative;border-radius: 26px; box-sizing: border-box; padding: 10px; color: #fff; font-size: 14px;}
.explain .red{background: url(../images/red.png) center no-repeat; }
.explain .red .color{color: #ee3426;}
.explain .red .inr{background-color: #fbedeb;}
.explain .red .hide .check{background-color: #ff5a4e;}
.explain .red .hide div{background-color: #ff5a4e;}
.explain .red dl dd:hover{color: #ee3426;}
.explain .purple{background: url(../images/purple.png) center no-repeat; }
.explain .purple .color{color: #423cc9;}
.explain .purple .inr{background-color: #ecebf9;}
.explain .purple .hide .check{background-color: #423cc9;}
.explain .purple .hide div{background-color: #423cc9;}
.explain .purple dl dd:hover{color: #423cc9;}
.explain .yellow{background: url(../images/yellow.png) center no-repeat; }
.explain .yellow .color{color: #fd802d;}
.explain .yellow .inr{background-color: #fbf0ea;}
.explain .yellow .hide .check{background-color: #ffa000;}
.explain .yellow .hide div{background-color: #ffa000;}
.explain .yellow dl dd:hover{color: #fd802d;}

.charact{background: url(../images/midbg.png) center top no-repeat; padding-bottom: 20px;}
.charact .box{width: 529px;}
.charact .box h2{font-size: 30px; letter-spacing: 1px; font-weight: 600; margin-bottom: 20px;}
.charact .box h2 span{font-size: 16px; color: #ddd; font-weight: normal; letter-spacing: 2px; margin-left: 12px;}
.charact .box h2 img{vertical-align: middle; margin-right: 5px;}
.charact .box p{line-height: 35px;}
.charact .clearfix{margin-top: 50px;}
.resourse{background: #fdf9f0 url(../images/redbg.png) center top no-repeat; padding-top: 30px;}
.resourse .tit.red .tit-bg{background: url(../images/titred.png) center no-repeat; color: #fff;}
.resourse .tit.red .tit-bg span{color: #fde68f;}
.resourse .tit.red p{color: #fff;}
.resourse li{width: 298px; height: 403px; box-sizing: border-box; padding: 150px 10px 0; text-align: center; position: relative;}
.resourse li:nth-child(1){background: url(../images/card1.png) center no-repeat;}
.resourse li:nth-child(2){background: url(../images/card2.png) center no-repeat;}
.resourse li:nth-child(3){background: url(../images/card3.png) center no-repeat;}
.resourse li:nth-child(4){background: url(../images/card4.png) center no-repeat;}
.resourse li h3{font-size: 22px; margin-bottom: 10px;}
.resourse li p{font-size: 16px; color: #888; line-height: 30px;}
.resourse li h2{position: relative; bottom: -63px; color: #fff; font-size: 22px;}
.resourse li h2 b{position: relative; top: -5px; width: 5px; height: 5px; display: inline-block; border-radius: 50%; background-color: #ecebf9;}

.tit1 .tit-bg{background: url(../images/tit2.png) center no-repeat !important;}
.tit2 .tit-bg{background: url(../images/tit.png) center no-repeat !important;}
.tit5 .tit-bg{background: url(../images/tit5.png) center no-repeat !important;}

.core .box{background: url(../images/mijuan1.png) center no-repeat; height: 514px; box-sizing: border-box; padding: 60px 0 0 490px;}
.core dl{width: 700px;}
.core dl dt{padding-left: 60px; font-weight: bold; color: #fff; font-size: 20px; height: 51px; line-height: 45px; margin: 10px 0 15px;} 
.core dl dd{font-size: 14px; line-height: 28px; background: url(../images/circle.png) center left no-repeat; margin-right: 20px; padding-left: 10px;}
.core dl .red{background: url(../images/01.png) center left no-repeat;}
.core dl .purple{background: url(../images/02.png) center left no-repeat;}
.core dl .yellow{background: url(../images/03.png) center left no-repeat;}
.way{background-color: #fdf8f0; padding-top: 60px; padding-bottom: 40px;}  
.way .clearfix .fl{box-sizing: border-box; padding: 30px 0 0 55px;}
.way .redBg{background: url(../images/fachu.png) center no-repeat; height: 1089px; width: 568px; margin-right: 60px;}
.way .orangeBg{background: url(../images/fachu1.png) center no-repeat; height: 1089px; width: 568px;}
.way .toptit{font-size: 28px; color: #fff;}
.way .fl p{margin-bottom: 55px; margin-top: 20px; margin-bottom: 70px; color: #fff;}
.way dl{padding-left: 20px; margin-bottom: 6px;}
.way dd{line-height: 35px;}
.way dt{font-weight: bold; font-size: 18px;}
.way .red{background: url(../images/red1.png) center left no-repeat; height: 50px; line-height: 50px; padding-left: 10px; color: #fa3a30;}
.way .blue{background: url(../images/blue.png) center left no-repeat; height: 50px; line-height: 50px; padding-left: 10px; color: #423cc9;}
.way .oranges{background: url(../images/oranges.png) center left no-repeat; height: 50px; line-height: 50px; padding-left: 10px; color: #fea70f;}
.tit3 .tit-bg{background: url(../images/tit4.png) center no-repeat !important;}

.detail{background: #fcedda url(../images/bor.png) center no-repeat; padding-bottom: 50px;}
.detail .xq{background: url(../images/xiangqing.png) center no-repeat; width: 1209px; height: 650px; display: flex; flex-direction: row; flex-wrap: nowrap; box-sizing: border-box; padding: 175px 60px 0; }
.detail .xq .direct{display: flex; flex-direction: column; width: 50%;}
.detail .xq .direct h1{font-size: 24px; color: #4e4ad5; padding-left: 60px; height: 38px; line-height: 38px; margin-bottom: 20px;}
.detail .xq .left h1{background: url(../images/number1.png) left center no-repeat;}
.detail .xq .left p{line-height: 25px; font-size: 16px; color: #666;}
.detail .xq .left p span{color: #fa3a30;}
.detail .xq .right{padding-left: 50px;}
.detail .xq .right h1{background: url(../images/number2.png) left center no-repeat;}
.detail .xq .direct .redline{width: 519px; border: 1px solid #ffd6d3; background-color: #fefcf9; border-radius: 8px; box-sizing: border-box; padding: 20px;}
.detail .xq .direct p{margin-bottom: 10px;}
.detail .xq .right .redline{padding-bottom: 55px;}
.detail .xq .direct .redline li{background: url(../images/redcircle.png) left 10px no-repeat; padding-left: 15px; padding-bottom: 5px; margin-bottom: 5px; line-height: 25px; border-bottom: 1px dashed #ffd6d3;}
.detail .xq .direct .redline li:last-child{border-bottom: none;}
.detail .xq .direct .redline li span{color:#fa3a30}

.tel{background: url(../images/rules.png) center no-repeat; height: 120px; box-shadow: 0 3px 3px 0 #f4f4f4;}
.tel .delete{position: absolute; right: 10px; top: 10px; cursor: pointer;}
.tel em{font-size: 24px; color: #fff;}
.tel .cont{margin-right: 25px;}
.tel .wrap{box-sizing: border-box; padding: 30px 20px 0; position: relative;}
.tel span{position: relative;top: 15px; font-size: 14px; color: #fff;}
.fot{padding: 10px; text-align: center; font-size: 12px;}
#tel{position: fixed; bottom: 0; z-index: 20;}


.top-all {background-color: #f3f3f3;height: 35px;line-height: 33px;font-size: 12px}
.top-all i{color: #999;}
.grey_line{position: relative;width: 1px;height: 10px;background-color: #ccc;margin: 0 15px;top: 13px;}
.top-menu{box-sizing: content-box;}
.top-menu img {position: relative;top: 3px;margin-right: 4px;}
.top-menu li {padding-left: 15px;box-sizing: content-box;line-height: 35px;}
#loginDiv{background: url(/images/login/loginBtn.png) center no-repeat;width: 65px;height: 40px;position: relative;padding-left: 0;text-shadow: 2px 1px rgba(0,0,0,.2);box-sizing: border-box;font-size: 14px;left: 5px;}
#loginDiv a{color: #fff;display: block;padding-left: 14px;}
.top-menu li .vip{/*color: #dfab68;*/max-width: 130px;display: block;height: 40px;}
.top-menu li .vip em{color: #dfab68}
.top-menu li i{margin-right: 3px;font-size: 14px;}
.top-menu li em {color: var(--primary);font-size: 14px;}
.top-menu a:hover,.top-menu a:hover em {color: var(--primary);}
.top-all .icon-dropdown{color: #aaa}
.home,.phone{color: #aaa;font-size: 12px}
/* end topNav */

/* font */
.font-xp::before{content: "\e718"}
.font-zq::before{content: "\e717"}
.font-zqy::before{content: "\e72b"}
.font-xzw::before{content: "\e71b"}
.font-zk::before{content: "\e71a"}
.font-vip::before{content: "\e719"}
.font-zqylogo::before{content: "\e650"}
.font-xpwlogo::before{content: "\e72d"}
:root {
    --primary: #2ec2a3;
}
@font-face {
    font-family: 'iconfont';  /* Project id 30840 */
    src: url('//at.alicdn.com/t/c/font_30840_5vgxporloj7.woff2?t=1700791398493') format('woff2'),
    url('//at.alicdn.com/t/c/font_30840_5vgxporloj7.woff?t=1700791398493') format('woff'),
    url('//at.alicdn.com/t/c/font_30840_5vgxporloj7.ttf?t=1700791398493') format('truetype');
}
.iconfont{font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}
.icon {
    width: 1em; height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

.update{font-size: 14px;font-weight:bold;color: #f00;bottom: 8px;position: absolute; left: 140px;}
.icon-tb{position: absolute; left: 20px; bottom: 20px;}